{"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/ThemeContext';\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,wBAAA,GAA2B,CAAC,EAAE,SAAA,EAAW,UAAS,KAAsC;AACnG,EAAA,MAAM,MAAA,GAAS,WAAW,SAAS,CAAA;AAEnC,EAAA,2BAAQ,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,MAAA,EAAQ,SAAS,GAAI,QAAA,EAAS,CAAA;AAC1D;AAEA,MAAM,SAAA,GAAY,MAChB,GAAA,CAAI;AAAA,EACF,OAAA,EAAS,MAAA;AAAA,EAET,MAAA,EAAQ;AAAA,IACN,QAAA,EAAU,CAAA;AAAA,IACV,cAAA,EAAgB;AAAA,GAClB;AAAA,EAEA,KAAA,EAAO;AAAA,IACL,QAAA,EAAU;AAAA,GACZ;AAAA,EAEA,KAAA,EAAO;AAAA,IACL,QAAA,EAAU,CAAA;AAAA,IACV,SAAA,EAAW;AAAA;AAEf,CAAC,CAAA;;;;"}