{"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';\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: 0,\n      borderBottomLeftRadius: 0,\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: 0,\n      borderBottomRightRadius: 0,\n      borderRight: `1px solid rgba(0, 0, 0, 0.12)`,\n    },\n  }),\n});\n"],"names":[],"mappings":";;;;;;;;;;AAWa,MAAA,WAAA,GAAc,WAAkC,CAAC,EAAE,WAAW,QAAU,EAAA,GAAG,IAAK,EAAA,EAAG,GAAQ,KAAA;AACtG,EAAM,MAAA,MAAA,GAAS,WAAW,SAAS,CAAA;AAEnC,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA,EAAI,GAAU,EAAA,SAAA,EAAW,EAAG,CAAA,cAAA,EAAgB,MAAO,CAAA,OAAA,EAAS,SAAS,CAAA,EAAI,GAAG,IAAA,EAC1E,QACH,EAAA,CAAA;AAEJ,CAAC;AAED,WAAA,CAAY,WAAc,GAAA,aAAA;AAE1B,MAAM,SAAA,GAAY,CAAC,KAA0B,MAAA;AAAA,EAC3C,SAAS,GAAI,CAAA;AAAA,IACX,OAAS,EAAA,MAAA;AAAA,IACT,YAAA,EAAc,KAAM,CAAA,KAAA,CAAM,MAAO,CAAA,OAAA;AAAA,IAEjC,wEAA0E,EAAA;AAAA,MACxE,mBAAqB,EAAA,CAAA;AAAA,MACrB,sBAAwB,EAAA,CAAA;AAAA,MACxB,UAAY,EAAA,CAAA,mCAAA;AAAA,KACd;AAAA,IAEA,sEAAwE,EAAA;AAAA,MACtE,oBAAsB,EAAA,CAAA;AAAA,MACtB,uBAAyB,EAAA,CAAA;AAAA,MACzB,WAAa,EAAA,CAAA,6BAAA;AAAA;AACf,GACD;AACH,CAAA,CAAA;;;;"}