import t from"../../node_modules/classnames/index.js";import e from"react";import a from"../../node_modules/reactstrap/esm/Nav.js";import o from"../Box/Box.js";import m from"./Tab.js";import{useTabs as i}from"./TabsHooks.js";var n;!function(t){t.Bottom="Bottom",t.Left="Left",t.Right="Right"}(n||(n={}));const l=({initialTab:l,onClickCallback:r,placement:s=n.Left,renderTab:c,rightComponent:d,tabs:b,tabsAnalyticsName:f,tall:g})=>{const{activeTab:p,onClickTab:u}=i(b,{initialTab:l,onClickCallback:r,tabsAnalyticsName:f});return e.createElement("div",{className:"d-flex flex-column flex-fill h-100"},s===n.Bottom&&c(p),e.createElement(a,{className:t("align-items-center",{"mb-4":s!==n.Bottom,"ps-3 nav-tabs-bottom":s===n.Bottom}),tabs:!0},s===n.Right&&e.createElement(o,{marginRight:"auto"},d),b.map((t=>e.createElement(o,{key:`NavItem-${t.name}`,marginLeft:s===n.Right?4:0,marginRight:s!==n.Right?4:0},e.createElement(m,{active:p===t.name,badge:t.badge,count:t.count,disabled:t.disabled,icon:t.icon,name:t.name,onClick:()=>u(t.name),paddingBottom:g?2:void 0})))),s===n.Left&&e.createElement(o,{marginLeft:"auto",paddingBottom:g?2:void 0},d)),s!==n.Bottom&&c(p))};export{n as TabPlacement,l as default};
//# sourceMappingURL=Tabs.js.map
