import{j as n}from"./jsx-runtime-Dfk2JFgj.js";import{V as a,W as m,X as l}from"./index-DNsi8NHw.js";import"./index-CIVavKlu.js";import"./CheckGroup-BpaEcK_0.js";import"./index-Cj3pldWQ.js";import"./index-DgIb9kCw.js";import"./index-CWN_QRa1.js";import"./index-DllfNvuz.js";import"./index-6WYjB5r3.js";import"./DefaultPropsProvider-BPu7lNPC.js";import"./index-Bk93qgka.js";import"./index-DnVHLn3F.js";import"./v4-CtRu48qb.js";import"./tiny-invariant-CopsF_GD.js";import"./iframe-BT4Dhm0c.js";const g={title:"Components/Tabs",component:a},b=()=>{const s=[{label:"tab_one",index:0,component:n.jsx("p",{children:"Item One"})},{label:"tab_two",index:1,component:n.jsx("p",{children:"Item Two"})},{label:"tab_three",index:2,component:n.jsx("p",{children:"Item Three"})}];return n.jsx("div",{style:{position:"absolute",left:0,top:"15px",width:"100%"},children:n.jsx(m,{children:n.jsx(a,{children:s.map((t,p)=>n.jsx(l,{label:t.label,index:t.index,children:t.component},p))})})})},e=b.bind({});e.args={};var o,r,i;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:`() => {
  const tabsItems = [{
    label: "tab_one",
    index: 0,
    component: <p>Item One</p>
  }, {
    label: "tab_two",
    index: 1,
    component: <p>Item Two</p>
  }, {
    label: "tab_three",
    index: 2,
    component: <p>Item Three</p>
  }];
  return <div style={{
    position: "absolute",
    left: 0,
    top: "15px",
    width: "100%"
  }}>
      <Container>
        <Tabs>
          {tabsItems.map((item, index) => {
          return <TabContainer key={index} label={item.label} index={item.index}>
                {item.component}
              </TabContainer>;
        })}
        </Tabs>
      </Container>
    </div>;
}`,...(i=(r=e.parameters)==null?void 0:r.docs)==null?void 0:i.source}}};const E=["TabsHistory"];export{e as TabsHistory,E as __namedExportsOrder,g as default};
