{"version":3,"file":"FullWidthButtonContainer.mjs","sources":["../../../../src/components/Button/FullWidthButtonContainer.tsx"],"sourcesContent":["import { css, cx } from '@emotion/css';\nimport * as React from 'react';\n\nimport { useStyles2 } from '../../themes';\n\nexport interface Props {\n  className?: string;\n}\n\nexport const FullWidthButtonContainer = ({ className, children }: React.PropsWithChildren<Props>) => {\n  const styles = useStyles2(getStyles);\n\n  return <div className={cx(styles, className)}>{children}</div>;\n};\n\nconst getStyles = () =>\n  css({\n    display: 'flex',\n\n    button: {\n      flexGrow: 1,\n      justifyContent: 'center',\n    },\n\n    '> *': {\n      flexGrow: 1,\n    },\n\n    label: {\n      flexGrow: 1,\n      textAlign: 'center',\n    },\n  });\n"],"names":[],"mappings":";;;;;;;;;AASO,MAAM,wBAA2B,GAAA,CAAC,EAAE,SAAA,EAAW,UAA+C,KAAA;AACnG,EAAM,MAAA,MAAA,GAAS,WAAW,SAAS,CAAA;AAEnC,EAAA,2BAAQ,KAAI,EAAA,EAAA,SAAA,EAAW,GAAG,MAAQ,EAAA,SAAS,GAAI,QAAS,EAAA,CAAA;AAC1D;AAEA,MAAM,SAAA,GAAY,MAChB,GAAI,CAAA;AAAA,EACF,OAAS,EAAA,MAAA;AAAA,EAET,MAAQ,EAAA;AAAA,IACN,QAAU,EAAA,CAAA;AAAA,IACV,cAAgB,EAAA;AAAA,GAClB;AAAA,EAEA,KAAO,EAAA;AAAA,IACL,QAAU,EAAA;AAAA,GACZ;AAAA,EAEA,KAAO,EAAA;AAAA,IACL,QAAU,EAAA,CAAA;AAAA,IACV,SAAW,EAAA;AAAA;AAEf,CAAC,CAAA;;;;"}