UNPKG

@mantine/core

Version:

React components library focused on usability, accessibility and developer experience

1 lines 1.95 kB
{"version":3,"file":"EmptyStateDescription.cjs","names":["factory","useProps","Box","useEmptyStateContext","classes"],"sources":["../../../../src/components/EmptyState/EmptyStateDescription/EmptyStateDescription.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n CompoundStylesApiProps,\n ElementProps,\n factory,\n Factory,\n useProps,\n} from '../../../core';\nimport { useEmptyStateContext } from '../EmptyState.context';\nimport classes from '../EmptyState.module.css';\n\nexport type EmptyStateDescriptionStylesNames = 'description';\n\nexport interface EmptyStateDescriptionProps\n extends BoxProps, CompoundStylesApiProps<EmptyStateDescriptionFactory>, ElementProps<'p'> {\n /** Description content */\n children?: React.ReactNode;\n}\n\nexport type EmptyStateDescriptionFactory = Factory<{\n props: EmptyStateDescriptionProps;\n ref: HTMLParagraphElement;\n stylesNames: EmptyStateDescriptionStylesNames;\n compound: true;\n}>;\n\nexport const EmptyStateDescription = factory<EmptyStateDescriptionFactory>((_props) => {\n const props = useProps('EmptyStateDescription', null, _props);\n const { classNames, className, style, styles, vars, children, mod, ...others } = props;\n\n const ctx = useEmptyStateContext();\n\n return (\n <Box\n component=\"p\"\n mod={mod}\n {...ctx.getStyles('description', { className, style, classNames, styles })}\n {...others}\n >\n {children}\n </Box>\n );\n});\n\nEmptyStateDescription.classes = classes;\nEmptyStateDescription.displayName = '@mantine/core/EmptyStateDescription';\n"],"mappings":";;;;;;;;AA2BA,MAAa,wBAAwBA,gBAAAA,SAAuC,WAAW;CAErF,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,UAAU,KAAK,GAAG,WADxDC,kBAAAA,SAAS,yBAAyB,MAAM,MAC+B;CAIrF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EACE,WAAU;EACL;EACL,GANQC,2BAAAA,qBAMF,CAAC,CAAC,UAAU,eAAe;GAAE;GAAW;GAAO;GAAY;EAAO,CAAC;EACzE,GAAI;EAEH;CACE,CAAA;AAET,CAAC;AAED,sBAAsB,UAAUC,0BAAAA;AAChC,sBAAsB,cAAc"}