@grafana/ui
Version:
Grafana Components Library
1 lines • 1.3 kB
Source Map (JSON)
{"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;;;;"}