{"version":3,"file":"ModalTabsHeader.mjs","sources":["../../../../src/components/Modal/ModalTabsHeader.tsx"],"sourcesContent":["import { NavModelItem } from '@grafana/data';\n\nimport { IconName } from '../../types';\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  icon: IconName;\n  title: string;\n  tabs: ModalTab[];\n  activeTab: string;\n  onChangeTab(tab: ModalTab): void;\n}\n\nexport const ModalTabsHeader = ({ icon, title, tabs, activeTab, onChangeTab }: Props) => {\n  return (\n    <ModalHeader icon={icon} 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":[],"mappings":";;;;;AAuBa,MAAA,eAAA,GAAkB,CAAC,EAAE,IAAA,EAAM,OAAO,IAAM,EAAA,SAAA,EAAW,aAAyB,KAAA;AACvF,EAAA,uBACG,GAAA,CAAA,WAAA,EAAA,EAAY,IAAY,EAAA,KAAA,EACvB,QAAC,kBAAA,GAAA,CAAA,OAAA,EAAA,EAAQ,UAAY,EAAA,IAAA,EAClB,QAAK,EAAA,IAAA,CAAA,GAAA,CAAI,CAAC,CAAA,EAAG,KAAU,KAAA;AACtB,IACE,uBAAA,GAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QAEC,OAAO,CAAE,CAAA,KAAA;AAAA,QACT,MAAM,CAAE,CAAA,IAAA;AAAA,QACR,QAAQ,CAAE,CAAA,SAAA;AAAA,QACV,MAAA,EAAQ,EAAE,KAAU,KAAA,SAAA;AAAA,QACpB,WAAA,EAAa,MAAM,WAAA,CAAY,CAAC;AAAA,OAAA;AAAA,MAL3B,CAAG,EAAA,CAAA,CAAE,KAAK,CAAA,CAAA,EAAI,KAAK,CAAA;AAAA,KAM1B;AAAA,GAEH,GACH,CACF,EAAA,CAAA;AAEJ;;;;"}