https://app.middleware.io/static/BMaRJzmq.production.bundle.min.js

1import{r as i,j as t}from"./CZzrexQa.production.bundle.min.js";import{a7 as o,a8 as r}from"./b2Mkg01q.production.bundle.min.js";import{S as n}from"./D4lvmK5r.production.bundle.min.js";import{S as s,b as p}from"./C_cH1u9D.production.bundle.min.js";import{L as a}from"./3wIbuO__.production.bundle.min.js";import{D as l}from"./CUZmxn9S.production.bundle.min.js";import"./DGYQp8fe.production.bundle.min.js";import"./DwmhJbxl.production.bundle.min.js";import"./YCM_kEyP.production.bundle.min.js";import"./kkIr59yR.production.bundle.min.js";import"./BmBjCq8D.production.bundle.min.js";import"./CHClG9UV.production.bundle.min.js";import"./Dsqj8S3w.production.bundle.min.js";import"./D-90pMQ7.production.bundle.min.js";import"./9eHdvLN4.production.bundle.min.js";import"./CiD4UJCU.production.bundle.min.js";import"./DvLd3evF.production.bundle.min.js";import"./B0uEge7d.production.bundle.min.js";import"./DGAisTA8.production.bundle.min.js";import"./DQegFpUo.production.bundle.min.js";import"./D0x1Z4HE.production.bundle.min.js";import"./Ci_hGDFV.production.bundle.min.js";import"./E6csxmgU.production.bundle.min.js";import"./D8sKcCdJ.production.bundle.min.js";import"./tkddr5kZ.production.bundle.min.js";import"./Bm1LOIPR.production.bundle.min.js";import"./DtpVAsok.production.bundle.min.js";import"./2mZBARql.production.bundle.min.js";import"./vhNSgALD.production.bundle.min.js";import"./DFn2u8qh.production.bundle.min.js";import"./DWUNlcjA.production.bundle.min.js";class K extends i.Component{render(){return t.jsxs(i.Fragment,{children:[t.jsx("h3",{children:"Nav Tab"}),t.jsx("div",{className:"guide__nav-tab guide__example",children:t.jsxs(o,{targetIndex:0,onTabChange:e=>{console.log(e,"tabIndex..")},children:[t.jsx(r,{title:"tab-1",suffixNode:t.jsx(s,{size:n.Small,type:p.Info,labelText:"BETA"}),prefixIcon:t.jsx(a,{}),children:t.jsx("p",{children:"Content for tab 1"})}),t.jsx(r,{title:"tab-2",prefixIcon:t.jsx(l,{}),children:t.jsx("p",{children:"Content for tab 2"})}),t.jsx(r,{title:"tab-3",prefixIcon:t.jsx(a,{}),children:t.jsx("p",{children:"Content for tab 3"})}),t.jsx(r,{title:"tab-4",isDisabled:!0,children:t.jsx("p",{children:"Content for tab 4"})})]})}),t.jsx("h6",{children:"Draggable nav tab"}),t.jsxs(o,{targetIndex:0,draggable:!0,onTabChange:e=>console.log(e,"tabIndex.."),children:[t.jsx(r,{title:"tab-1",children:t.jsx("p",{children:"Content for tab 1"})}),t.jsx(r,{title:"tab-2",children:t.jsx("p",{children:"Content for tab 2"})}),t.jsx(r,{title:"tab-3",children:t.jsx("p",{children:"Content for tab 3"})}),t.jsx(r,{title:"tab-4",children:t.jsx("p",{children:"Content for tab 4"})})]})]})}}export{K as default};