{"version":3,"file":"TabsBar.cjs","sources":["../../../../src/components/Tabs/TabsBar.tsx"],"sourcesContent":["import { css, cx } from '@emotion/css';\nimport { forwardRef, ReactNode } from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\n\nimport { useStyles2 } from '../../themes/ThemeContext';\n\nexport interface Props {\n  /** Children should be a single <Tab /> or an array of <Tab /> */\n  children: ReactNode;\n  className?: string;\n  /** For hiding the bottom border (on PageHeader for example) */\n  hideBorder?: boolean;\n}\n\n/**\n * A composition component for rendering a TabBar with Tabs for navigation.\n *\n * https://developers.grafana.com/ui/latest/index.html?path=/docs/navigation-tabs--docs\n */\nexport const TabsBar = forwardRef<HTMLDivElement, Props>(({ children, className, hideBorder = false }, ref) => {\n  const styles = useStyles2(getStyles);\n\n  return (\n    <div className={cx(styles.tabsWrapper, hideBorder && styles.noBorder, className)} ref={ref}>\n      <div className={styles.tabs} role=\"tablist\">\n        {children}\n      </div>\n    </div>\n  );\n});\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n  tabsWrapper: css({\n    borderBottom: `1px solid ${theme.colors.border.weak}`,\n    overflowX: 'auto',\n  }),\n  noBorder: css({\n    borderBottom: 0,\n  }),\n  tabs: css({\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n  }),\n});\n\nTabsBar.displayName = 'TabsBar';\n"],"names":["forwardRef","useStyles2","jsx","cx","css"],"mappings":";;;;;;;;;;AAoBO,MAAM,OAAA,GAAUA,iBAAkC,CAAC,EAAE,UAAU,SAAA,EAAW,UAAA,GAAa,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC7G,EAAA,MAAM,MAAA,GAASC,wBAAW,SAAS,CAAA;AAEnC,EAAA,uBACEC,cAAA,CAAC,SAAI,SAAA,EAAWC,MAAA,CAAG,OAAO,WAAA,EAAa,UAAA,IAAc,OAAO,QAAA,EAAU,SAAS,GAAG,GAAA,EAChF,QAAA,kBAAAD,cAAA,CAAC,SAAI,SAAA,EAAW,MAAA,CAAO,MAAM,IAAA,EAAK,SAAA,EAC/B,UACH,CAAA,EACF,CAAA;AAEJ,CAAC;AAED,MAAM,SAAA,GAAY,CAAC,KAAA,MAA0B;AAAA,EAC3C,aAAaE,OAAA,CAAI;AAAA,IACf,YAAA,EAAc,CAAA,UAAA,EAAa,KAAA,CAAM,MAAA,CAAO,OAAO,IAAI,CAAA,CAAA;AAAA,IACnD,SAAA,EAAW;AAAA,GACZ,CAAA;AAAA,EACD,UAAUA,OAAA,CAAI;AAAA,IACZ,YAAA,EAAc;AAAA,GACf,CAAA;AAAA,EACD,MAAMA,OAAA,CAAI;AAAA,IACR,QAAA,EAAU,UAAA;AAAA,IACV,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY;AAAA,GACb;AACH,CAAA,CAAA;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA;;;;"}