@legion-ui-kit/react-core/dist/cjs/components/Tabs/Tabs.cjs

<div align="center"> <img height="108" width="116" src="https://legion.digitaltelkom.id/favicon.svg?v=4643a71fb65fa61a5f2b266b769ea7b1" /> <h1 align="center">Legion UI Kit - React Core</h1> </div>

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("classnames"),a=require("./styles/styles.module.scss.cjs"),r=require("./TabList.cjs"),i=require("./TabPanelList.cjs"),l=require("../../helpers/typeChecker.cjs"),c=require("../../helpers/internal.cjs"),n=require("./Tabs.helper.cjs"),o=require("./Tab.constant.cjs");function u(e){return e&&e.__esModule?e:{default:e}}var _=u(s);const T=s=>{const{activeTab:u=o.TABS_DEFAULT_PROPS.activeTab,children:T,className:d,onChange:p,position:A=o.TABS_DEFAULT_PROPS.position,...b}=s,f=_.default(a.default.legion_tabs,d,a.default[A]),N=e=>{l.isFunction(p)&&p(e)};return e.jsx("div",{className:f,...b,children:t.Children.toArray(T).filter(e=>n.checkTabsChildren(e)).map((s,l)=>{if(c.checkComponent(s,o.TAB_LIST_DISPLAY_NAME)){const{className:e,...i}=s.props,c=_.default(a.default.tab_list_section,e),n=`tabs-tab-list-${l}`;return t.createElement(r.default,{...i,key:n,className:c,activeTab:u,onChange:N})}if(c.checkComponent(s,o.TAB_PANEL_LIST_DISPLAY_NAME)){const{className:t,...r}=s.props,c=_.default(a.default.panel_list_section,t),n=`tabs-panel-list-${l}`,T=A===o.TABS_POSITION.top||A===o.TABS_POSITION.bottom?o.TAB_PANEL_SLIDE_DIRECTION.horizontal:o.TAB_PANEL_SLIDE_DIRECTION.vertical;return e.jsx(i.default,{...r,className:c,activePanel:u,slideDirection:T},n)}})})};T.displayName="Tabs",exports.default=T;
//# sourceMappingURL=Tabs.cjs.map