All files / app/src/shared/ui/empty-content empty-content.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
1x
 
 
 
 
 
 
 
 
1x
1x
 
1x
1x
1x
1x
1x
 
1x
 
import EmptyContentIcon from '@/shared/assets/icons/common/empty-content.svg'
import { useTranslate } from '@/shared/lib'
import cn from 'classnames'
import { FCWithClassName } from '@/shared/@types'
 
export interface EmptyContentProps {
  text?: string
}
 
export const EmptyContent: FCWithClassName<EmptyContentProps> = ({ text, className = '' }) => {
  const { t } = useTranslate(['common'])
 
  return (
    <div className={cn('flex flex-col items-center justify-center w-full gap-6 pt-16 pb-large', className)}>
      <EmptyContentIcon className='fill-border' />
      <h6 className='text-background-primary'>{text || t('noData')}</h6>
    </div>
  )
}