/
austin_s
/
react-interview-components
Обзор
Документация
Войти
/
austin_s
/
react-interview-components
Код
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/lib/empty/empty.component.tsx
43 строки
941 B
spanic
Adds Empty component, fixes displaying actions for Offer
11 фев 2025, 01:35
11 фев 2025, 01:35
f058c28
Код
Авторство
О чём код?
import {createStyles} from 'antd-style'; import React, {ComponentProps, FC, memo, ReactNode} from 'react'; import {Empty} from 'antd'; import emptyPlaceholder from './assets/empty.svg'; export interface EmptyProps extends ComponentProps<typeof Empty> { description?: ReactNode; } const useStyles = createStyles(() => ({ empty: { maxWidth: 280, width: '80%', '.ant-empty-image': { height: 'auto', '& img': { width: '100%', }, }, }, })); const EmptyComponent: FC<EmptyProps> = ({description, ...props}) => { const {styles} = useStyles(); return ( <Empty className={styles.empty} image={emptyPlaceholder} description={description} {...props} /> ); }; EmptyComponent.defaultProps = { description: "Schrödinger's cat is in another box", }; EmptyComponent.displayName = 'EmptyComponent'; export default memo(EmptyComponent) as typeof EmptyComponent;