UNPKG

@mantine/core

Version:

React components library focused on usability, accessibility and developer experience

1 lines 1.74 kB
{"version":3,"file":"EmptyStateActions.mjs","names":["classes"],"sources":["../../../../src/components/EmptyState/EmptyStateActions/EmptyStateActions.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 EmptyStateActionsStylesNames = 'actions';\n\nexport interface EmptyStateActionsProps\n extends BoxProps, CompoundStylesApiProps<EmptyStateActionsFactory>, ElementProps<'div'> {\n /** Action buttons or controls */\n children?: React.ReactNode;\n}\n\nexport type EmptyStateActionsFactory = Factory<{\n props: EmptyStateActionsProps;\n ref: HTMLDivElement;\n stylesNames: EmptyStateActionsStylesNames;\n compound: true;\n}>;\n\nexport const EmptyStateActions = factory<EmptyStateActionsFactory>((_props) => {\n const props = useProps('EmptyStateActions', null, _props);\n const { classNames, className, style, styles, vars, children, mod, ...others } = props;\n\n const ctx = useEmptyStateContext();\n\n return (\n <Box\n mod={mod}\n {...ctx.getStyles('actions', { className, style, classNames, styles })}\n {...others}\n >\n {children}\n </Box>\n );\n});\n\nEmptyStateActions.classes = classes;\nEmptyStateActions.displayName = '@mantine/core/EmptyStateActions';\n"],"mappings":";;;;;;;;AA2BA,MAAa,oBAAoB,SAAmC,WAAW;CAE7E,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,UAAU,KAAK,GAAG,WADxD,SAAS,qBAAqB,MAAM,MACmC;CAIrF,OACE,oBAAC,KAAD;EACO;EACL,GALQ,qBAKF,CAAC,CAAC,UAAU,WAAW;GAAE;GAAW;GAAO;GAAY;EAAO,CAAC;EACrE,GAAI;EAEH;CACE,CAAA;AAET,CAAC;AAED,kBAAkB,UAAUA;AAC5B,kBAAkB,cAAc"}