UNPKG

@mantine/core

Version:

React components library focused on usability, accessibility and developer experience

1 lines 1.53 kB
{"version":3,"file":"MenuDivider.cjs","names":["factory","useProps","Box","useMenuContext","classes"],"sources":["../../../../src/components/Menu/MenuDivider/MenuDivider.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n CompoundStylesApiProps,\n ElementProps,\n factory,\n Factory,\n useProps,\n} from '../../../core';\nimport { useMenuContext } from '../Menu.context';\nimport classes from '../Menu.module.css';\n\nexport type MenuDividerStylesNames = 'divider';\n\nexport interface MenuDividerProps\n extends BoxProps, CompoundStylesApiProps<MenuDividerFactory>, ElementProps<'div'> {}\n\nexport type MenuDividerFactory = Factory<{\n props: MenuDividerProps;\n ref: HTMLDivElement;\n stylesNames: MenuDividerStylesNames;\n compound: true;\n}>;\n\nexport const MenuDivider = factory<MenuDividerFactory>((props) => {\n const { classNames, className, style, styles, vars, ...others } = useProps(\n 'MenuDivider',\n null,\n props\n );\n const ctx = useMenuContext();\n\n return (\n <Box {...ctx.getStyles('divider', { className, style, styles, classNames })} {...others} />\n );\n});\n\nMenuDivider.classes = classes;\nMenuDivider.displayName = '@mantine/core/MenuDivider';\n"],"mappings":";;;;;;;;;AAwBA,MAAa,cAAcA,gBAAAA,SAA6B,UAAU;CAChE,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,GAAG,WAAWC,kBAAAA,SAChE,eACA,MACA,MACD;AAGD,QACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;EAAK,GAHKC,qBAAAA,gBAAgB,CAGb,UAAU,WAAW;GAAE;GAAW;GAAO;GAAQ;GAAY,CAAC;EAAE,GAAI;EAAU,CAAA;EAE7F;AAEF,YAAY,UAAUC,oBAAAA;AACtB,YAAY,cAAc"}