2023-05-15 08:51:32 +08:00
|
|
|
import type { FC } from 'react'
|
|
|
|
import React from 'react'
|
2025-03-03 14:44:51 +08:00
|
|
|
import {
|
|
|
|
RiSparklingFill,
|
|
|
|
} from '@remixicon/react'
|
2023-05-15 08:51:32 +08:00
|
|
|
import { useTranslation } from 'react-i18next'
|
|
|
|
|
|
|
|
export type INoDataProps = {}
|
|
|
|
const NoData: FC<INoDataProps> = () => {
|
|
|
|
const { t } = useTranslation()
|
|
|
|
return (
|
2025-03-21 17:41:03 +08:00
|
|
|
<div className='flex h-full w-full flex-col items-center justify-center'>
|
|
|
|
<RiSparklingFill className='h-12 w-12 text-text-empty-state-icon' />
|
2023-05-15 08:51:32 +08:00
|
|
|
<div
|
2025-03-21 17:41:03 +08:00
|
|
|
className='system-sm-regular mt-2 text-text-quaternary'
|
2023-05-15 08:51:32 +08:00
|
|
|
>
|
|
|
|
{t('share.generation.noData')}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
export default React.memo(NoData)
|