@grafana/ui/dist/cjs/components/Modal/ModalTabsHeader.cjs.map

Grafana Components Library

{"version":3,"file":"ModalTabsHeader.cjs","sources":["../../../../src/components/Modal/ModalTabsHeader.tsx"],"sourcesContent":["import { type NavModelItem } from '@grafana/data';\n\nimport { type IconName } from '../../types/icon';\nimport { Tab } from '../Tabs/Tab';\nimport { TabsBar } from '../Tabs/TabsBar';\n\nimport { ModalHeader } from './ModalHeader';\n\ninterface ModalTab {\n  value: string;\n  label: string;\n  icon?: IconName;\n  tabSuffix?: NavModelItem['tabSuffix'];\n}\n\ninterface Props {\n  title: string;\n  tabs: ModalTab[];\n  activeTab: string;\n  onChangeTab(tab: ModalTab): void;\n}\n\nexport const ModalTabsHeader = ({ title, tabs, activeTab, onChangeTab }: Props) => {\n  return (\n    <ModalHeader title={title}>\n      <TabsBar hideBorder={true}>\n        {tabs.map((t, index) => {\n          return (\n            <Tab\n              key={`${t.value}-${index}`}\n              label={t.label}\n              icon={t.icon}\n              suffix={t.tabSuffix}\n              active={t.value === activeTab}\n              onChangeTab={() => onChangeTab(t)}\n            />\n          );\n        })}\n      </TabsBar>\n    </ModalHeader>\n  );\n};\n"],"names":["jsx","ModalHeader","TabsBar","Tab"],"mappings":";;;;;;;;;;AAsBO,MAAM,kBAAkB,CAAC,EAAE,OAAO,IAAA,EAAM,SAAA,EAAW,aAAY,KAAa;AACjF,EAAA,uBACEA,cAAA,CAACC,uBAAA,EAAA,EAAY,KAAA,EACX,QAAA,kBAAAD,cAAA,CAACE,eAAA,EAAA,EAAQ,UAAA,EAAY,IAAA,EAClB,QAAA,EAAA,IAAA,CAAK,GAAA,CAAI,CAAC,CAAA,EAAG,KAAA,KAAU;AACtB,IAAA,uBACEF,cAAA;AAAA,MAACG,OAAA;AAAA,MAAA;AAAA,QAEC,OAAO,CAAA,CAAE,KAAA;AAAA,QACT,MAAM,CAAA,CAAE,IAAA;AAAA,QACR,QAAQ,CAAA,CAAE,SAAA;AAAA,QACV,MAAA,EAAQ,EAAE,KAAA,KAAU,SAAA;AAAA,QACpB,WAAA,EAAa,MAAM,WAAA,CAAY,CAAC;AAAA,OAAA;AAAA,MAL3B,CAAA,EAAG,CAAA,CAAE,KAAK,CAAA,CAAA,EAAI,KAAK,CAAA;AAAA,KAM1B;AAAA,EAEJ,CAAC,GACH,CAAA,EACF,CAAA;AAEJ;;;;"}