Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | 1x 1x 4x 4x 4x 4x 4x 4x | import { ReactElement } from 'react'
import EmptyDataIcon from '@/shared/assets/icons/common/EmptyData.svg'
import { FCWithClassName } from '@/shared/@types'
import cn from 'classnames'
export interface EmptyDataProps {
title?: string
subTitle?: string
icon?: ReactElement
content?: ReactElement
}
export const EmptyData: FCWithClassName<EmptyDataProps> = ({ title, subTitle, icon, className, content }) => (
<div className={cn('flex flex-col mx-auto items-center gap-5', className)}>
{icon || <EmptyDataIcon className='fill-gray' />}
{title && <span className='text-h1 text-text'>{title}</span>}
{subTitle && <span className='text-h2 text-text-secondary'>{subTitle}</span>}
{content && content}
</div>
)
|