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

1import{r as i,j as t}from"./CgBZl8m0.production.bundle.min.js";import{a7 as o,a8 as r}from"./DpOFvyFl.production.bundle.min.js";import{S as n}from"./D4lvmK5r.production.bundle.min.js";import{S as s,b as p}from"./uYRgXL5M.production.bundle.min.js";import{L as a}from"./9zG8c1d8.production.bundle.min.js";import{D as l}from"./BFsIcxdk.production.bundle.min.js";import"./BTOj8ijf.production.bundle.min.js";import"./URTTg1rg.production.bundle.min.js";import"./B7jgtT_H.production.bundle.min.js";import"./BhEpiGZx.production.bundle.min.js";import"./CJLuAe4t.production.bundle.min.js";import"./CHbJgqnE.production.bundle.min.js";import"./Dsqj8S3w.production.bundle.min.js";import"./IimQW1M7.production.bundle.min.js";import"./CUU-sqeu.production.bundle.min.js";import"./DvJkqRNe.production.bundle.min.js";import"./BWr4BVpJ.production.bundle.min.js";import"./DuMSlPdM.production.bundle.min.js";import"./BS0dGend.production.bundle.min.js";import"./BpQvVIpM.production.bundle.min.js";import"./BZwPEnwo.production.bundle.min.js";import"./DlG3g9Q4.production.bundle.min.js";import"./CMxhj3GZ.production.bundle.min.js";import"./Czbq-YEj.production.bundle.min.js";import"./C7aKDdDU.production.bundle.min.js";import"./BOFlCg2s.production.bundle.min.js";import"./DohGM9_I.production.bundle.min.js";import"./Czj00ZrM.production.bundle.min.js";import"./vhNSgALD.production.bundle.min.js";import"./DV0DPFOt.production.bundle.min.js";import"./M_FBjfQJ.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};