"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),t=require("react"),m=require("../../utils/cn/cn.cjs.js"),n=require("../../src/components/Tabs/tabs.module.css"),r=require("../Icon/Icon.cjs.js");function x({activeTab:c,tabs:i,onTabClick:l,size:o="sm",activeLinePosition:a="bottom",inverted:d},u){return s.jsx("div",{ref:u,className:n.container,children:i.map(e=>s.jsxs("button",{className:m.cn(n.tab,n[o],{[n.inverted]:d,[n.activeTab]:c===e.value,[n.disabled]:e.disabled,[n.brackets]:o!=="sm"&&c===e.value&&i.length>1},n[a],e.className),disabled:e.disabled,onClick:()=>l(e.value),children:[e.prefixIcon&&s.jsx("div",{className:n.iconWrap,children:s.jsx(r.Icon,{name:e.prefixIcon})}),s.jsx("div",{children:e.label}),e.suffixIcon&&s.jsx("div",{className:n.iconWrap,children:s.jsx(r.Icon,{name:e.suffixIcon})})]},String(e.value)))})}const f=t.forwardRef(x);exports.Tabs=f;
