@grafana/ui/dist/esm/components/Tabs/TabsBar.mjs.map

Grafana Components Library

{"version":3,"file":"TabsBar.mjs","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\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":[],"mappings":";;;;;AAea,MAAA,OAAA,GAAU,WAAkC,CAAC,EAAE,UAAU,SAAW,EAAA,UAAA,GAAa,KAAM,EAAA,EAAG,GAAQ,KAAA;AAC7G,EAAM,MAAA,MAAA,GAAS,WAAW,SAAS,CAAA;AAEnC,EACE,uBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,EAAA,CAAG,OAAO,WAAa,EAAA,UAAA,IAAc,OAAO,QAAU,EAAA,SAAS,GAAG,GAChF,EAAA,QAAA,kBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,MAAM,IAAK,EAAA,SAAA,EAC/B,UACH,CACF,EAAA,CAAA;AAEJ,CAAC;AAED,MAAM,SAAA,GAAY,CAAC,KAA0B,MAAA;AAAA,EAC3C,aAAa,GAAI,CAAA;AAAA,IACf,YAAc,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,MAAA,CAAO,OAAO,IAAI,CAAA,CAAA;AAAA,IACnD,SAAW,EAAA;AAAA,GACZ,CAAA;AAAA,EACD,UAAU,GAAI,CAAA;AAAA,IACZ,YAAc,EAAA;AAAA,GACf,CAAA;AAAA,EACD,MAAM,GAAI,CAAA;AAAA,IACR,QAAU,EAAA,UAAA;AAAA,IACV,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA;AAAA,GACb;AACH,CAAA,CAAA;AAEA,OAAA,CAAQ,WAAc,GAAA,SAAA;;;;"}