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

1import{r as s,j as t}from"./CgBZl8m0.production.bundle.min.js";import{K as r}from"./DpOFvyFl.production.bundle.min.js";import"./BTOj8ijf.production.bundle.min.js";import"./D4lvmK5r.production.bundle.min.js";import"./uYRgXL5M.production.bundle.min.js";import"./BS0dGend.production.bundle.min.js";import"./CMxhj3GZ.production.bundle.min.js";import"./Czbq-YEj.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"./9zG8c1d8.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"./B7jgtT_H.production.bundle.min.js";import"./DV0DPFOt.production.bundle.min.js";import"./M_FBjfQJ.production.bundle.min.js";import"./BFsIcxdk.production.bundle.min.js";import"./CUU-sqeu.production.bundle.min.js";import"./DvJkqRNe.production.bundle.min.js";import"./BWr4BVpJ.production.bundle.min.js";import"./DlG3g9Q4.production.bundle.min.js";import"./URTTg1rg.production.bundle.min.js";import"./IimQW1M7.production.bundle.min.js";import"./DuMSlPdM.production.bundle.min.js";import"./BpQvVIpM.production.bundle.min.js";import"./BZwPEnwo.production.bundle.min.js";const d=e=>{const{tabs:l,showIconBorder:n=!1}=e,[c,i]=s.useState(e.selectedTab?e.selectedTab:l[0].value);s.useEffect(()=>{e.selectedTab&&i(e.selectedTab)},[e.selectedTab]);const m=(a,o)=>{a.preventDefault(),i(o.value),e.onTabChange&&typeof e.onTabChange=="function"&&e.onTabChange(o)};return t.jsx("div",{className:"mw-card-tab-selection",children:l.map(a=>t.jsxs("div",{className:"mw-tab "+(a.value===c?"active":"")+(a.enabled?"":"disabled"),onClick:o=>m(o,a),children:[t.jsx("span",{className:n?"show-border":"",children:a.icon}),t.jsx("span",{children:a.label})]},a.value))})},M=()=>t.jsx("div",{children:t.jsx("div",{className:"guide__example",style:{width:"auto"},children:t.jsx(d,{tabs:[{label:"Card 1",icon:t.jsx(r,{}),value:1,enabled:!0},{label:"Card 2",icon:t.jsx(r,{}),value:2,enabled:!0},{label:"Card 3",icon:t.jsx(r,{}),value:3,enabled:!0},{label:"Card 4",icon:t.jsx(r,{}),value:4,enabled:!0}],selectedTab:4,onTabChange:e=>{console.log("selected tabObject",e)}})})});export{M as default};