UNPKG

@grafana/ui

Version:
1 lines 2.1 kB
{"version":3,"file":"ButtonGroup.mjs","sources":["../../../../src/components/Button/ButtonGroup.tsx"],"sourcesContent":["import { css, cx } from '@emotion/css';\nimport { forwardRef, HTMLAttributes } from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\n\nimport { useStyles2 } from '../../themes/ThemeContext';\n\nexport interface Props extends HTMLAttributes<HTMLDivElement> {\n className?: string;\n}\n\nexport const ButtonGroup = forwardRef<HTMLDivElement, Props>(({ className, children, ...rest }, ref) => {\n const styles = useStyles2(getStyles);\n\n return (\n <div ref={ref} className={cx('button-group', styles.wrapper, className)} {...rest}>\n {children}\n </div>\n );\n});\n\nButtonGroup.displayName = 'ButtonGroup';\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n wrapper: css({\n display: 'flex',\n borderRadius: theme.shape.radius.default,\n\n '> .button-group:not(:first-child) > button, > button:not(:first-child)': {\n borderTopLeftRadius: 'unset',\n borderBottomLeftRadius: 'unset',\n borderLeft: `1px solid rgba(255, 255, 255, 0.12)`,\n },\n\n '> .button-group:not(:last-child) > button, > button:not(:last-child)': {\n borderTopRightRadius: 'unset',\n borderBottomRightRadius: 'unset',\n borderRight: `1px solid rgba(0, 0, 0, 0.12)`,\n },\n }),\n});\n"],"names":[],"mappings":";;;;;;AAWO,MAAM,WAAA,GAAc,WAAkC,CAAC,EAAE,WAAW,QAAA,EAAU,GAAG,IAAA,EAAK,EAAG,GAAA,KAAQ;AACtG,EAAA,MAAM,MAAA,GAAS,WAAW,SAAS,CAAA;AAEnC,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,SAAA,EAAW,EAAA,CAAG,cAAA,EAAgB,MAAA,CAAO,OAAA,EAAS,SAAS,CAAA,EAAI,GAAG,IAAA,EAC1E,QAAA,EACH,CAAA;AAEJ,CAAC;AAED,WAAA,CAAY,WAAA,GAAc,aAAA;AAE1B,MAAM,SAAA,GAAY,CAAC,KAAA,MAA0B;AAAA,EAC3C,SAAS,GAAA,CAAI;AAAA,IACX,OAAA,EAAS,MAAA;AAAA,IACT,YAAA,EAAc,KAAA,CAAM,KAAA,CAAM,MAAA,CAAO,OAAA;AAAA,IAEjC,wEAAA,EAA0E;AAAA,MACxE,mBAAA,EAAqB,OAAA;AAAA,MACrB,sBAAA,EAAwB,OAAA;AAAA,MACxB,UAAA,EAAY,CAAA,mCAAA;AAAA,KACd;AAAA,IAEA,sEAAA,EAAwE;AAAA,MACtE,oBAAA,EAAsB,OAAA;AAAA,MACtB,uBAAA,EAAyB,OAAA;AAAA,MACzB,WAAA,EAAa,CAAA,6BAAA;AAAA;AACf,GACD;AACH,CAAA,CAAA;;;;"}