import e from"react";import{useTabs as t}from"./TabsHooks.js";import{TabsContent as a,Tabs as n,SectionTabsList as i,SectionTabsTrigger as o,Badge as l}from"../../node_modules/@cortexapps/react-plugin-ui/dist/index.js";var m;!function(e){e.Bottom="Bottom",e.Left="Left",e.Right="Right"}(m||(m={}));const s=({initialTab:s,onClickCallback:r,placement:c=m.Left,renderTab:b,rightComponent:d,tabs:g,tabsAnalyticsName:u,tall:p})=>{const{activeTab:f,onClickTab:T}=t(g,{initialTab:s,onClickCallback:r,tabsAnalyticsName:u}),C=g.map((t=>e.createElement(a,{key:t.name,value:t.name},b(t.name))));return e.createElement(n,{value:f,onValueChange:e=>T(e)},c===m.Bottom&&C,e.createElement(i,{style:{justifyContent:"start",width:"100%"}},c===m.Right&&e.createElement("div",{style:{marginRight:"auto"}},d),g.map((t=>e.createElement(o,{key:t.name,value:t.name,disabled:t.disabled},t.name," ",t.badge&&e.createElement(l,null,t.badge)))),c===m.Left&&e.createElement("div",{style:{marginLeft:"auto",paddingBottom:p?2:void 0}},d)),c!==m.Bottom&&C)};export{m as TabPlacement,s as default};
//# sourceMappingURL=Tabs.js.map
