@mantine/core
Version:
React components library focused on usability, accessibility and developer experience
1 lines • 1.55 kB
Source Map (JSON)
{"version":3,"file":"DrawerBody.cjs","names":["factory","useProps","ModalBaseBody","useDrawerContext","classes"],"sources":["../../../src/components/Drawer/DrawerBody.tsx"],"sourcesContent":["import { CompoundStylesApiProps, factory, Factory, useProps } from '../../core';\nimport { ModalBaseBody, ModalBaseBodyProps } from '../ModalBase';\nimport { useDrawerContext } from './Drawer.context';\nimport classes from './Drawer.module.css';\n\nexport type DrawerBodyStylesNames = 'body';\n\nexport interface DrawerBodyProps\n extends ModalBaseBodyProps, CompoundStylesApiProps<DrawerBodyFactory> {}\n\nexport type DrawerBodyFactory = Factory<{\n props: DrawerBodyProps;\n ref: HTMLDivElement;\n stylesNames: DrawerBodyStylesNames;\n compound: true;\n}>;\n\nexport const DrawerBody = factory<DrawerBodyFactory>((_props) => {\n const props = useProps('DrawerBody', null, _props);\n const { classNames, className, style, styles, vars, ...others } = props;\n\n const ctx = useDrawerContext();\n\n return (\n <ModalBaseBody\n {...ctx.getStyles('body', { classNames, style, styles, className })}\n {...others}\n />\n );\n});\n\nDrawerBody.classes = classes;\nDrawerBody.displayName = '@mantine/core/DrawerBody';\n"],"mappings":";;;;;;;;;AAiBA,MAAa,aAAaA,gBAAAA,SAA4B,WAAW;CAE/D,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,GAAG,WADzCC,kBAAAA,SAAS,cAAc,MAAM,OAAO;AAKlD,QACE,iBAAA,GAAA,kBAAA,KAACC,sBAAAA,eAAD;EACE,GAJQC,uBAAAA,kBAAkB,CAIlB,UAAU,QAAQ;GAAE;GAAY;GAAO;GAAQ;GAAW,CAAC;EACnE,GAAI;EACJ,CAAA;EAEJ;AAEF,WAAW,UAAUC,sBAAAA;AACrB,WAAW,cAAc"}