{"version":3,"file":"InlineSegmentGroup.cjs","sources":["../../../../src/components/Forms/InlineSegmentGroup.tsx"],"sourcesContent":["import { cx, css } from '@emotion/css';\nimport * as React from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\n\nimport { useStyles2 } from '../../themes/ThemeContext';\n\nexport interface Props {\n  grow?: boolean;\n  className?: string;\n}\n\n/** @beta */\nexport const InlineSegmentGroup = ({ children, className, grow, ...htmlProps }: React.PropsWithChildren<Props>) => {\n  const styles = useStyles2(getStyles, grow);\n\n  return (\n    <div className={cx(styles.container, className)} {...htmlProps}>\n      {children}\n    </div>\n  );\n};\n\nInlineSegmentGroup.displayName = 'InlineSegmentGroup';\n\nconst getStyles = (theme: GrafanaTheme2, grow?: boolean) => {\n  return {\n    container: css({\n      display: 'flex',\n      flexDirection: 'row',\n      alignItems: 'flex-start',\n      textAlign: 'left',\n      position: 'relative',\n      flex: `${grow ? 1 : 0} 0 auto`,\n      marginBottom: theme.spacing(0.5),\n    }),\n  };\n};\n"],"names":["useStyles2","jsx","cx","css"],"mappings":";;;;;;;;;AAaO,MAAM,kBAAA,GAAqB,CAAC,EAAE,QAAA,EAAU,WAAW,IAAA,EAAM,GAAG,WAAU,KAAsC;AACjH,EAAA,MAAM,MAAA,GAASA,uBAAA,CAAW,SAAA,EAAW,IAAI,CAAA;AAEzC,EAAA,uBACEC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWC,MAAA,CAAG,MAAA,CAAO,WAAW,SAAS,CAAA,EAAI,GAAG,SAAA,EAClD,QAAA,EACH,CAAA;AAEJ;AAEA,kBAAA,CAAmB,WAAA,GAAc,oBAAA;AAEjC,MAAM,SAAA,GAAY,CAAC,KAAA,EAAsB,IAAA,KAAmB;AAC1D,EAAA,OAAO;AAAA,IACL,WAAWC,OAAA,CAAI;AAAA,MACb,OAAA,EAAS,MAAA;AAAA,MACT,aAAA,EAAe,KAAA;AAAA,MACf,UAAA,EAAY,YAAA;AAAA,MACZ,SAAA,EAAW,MAAA;AAAA,MACX,QAAA,EAAU,UAAA;AAAA,MACV,IAAA,EAAM,CAAA,EAAG,IAAA,GAAO,CAAA,GAAI,CAAC,CAAA,OAAA,CAAA;AAAA,MACrB,YAAA,EAAc,KAAA,CAAM,OAAA,CAAQ,GAAG;AAAA,KAChC;AAAA,GACH;AACF,CAAA;;;;"}