import{_ as v,r as _,m as b,a as c,b as l,af as g,aR as h,p as k,g as s,n as x,i as u,j as m,k as p,aX as T,t as y,w as C,e as F}from"./index-QAlcqU00.js";import{F as V}from"./FPBadge-DvOitM1C.js";const B={class:"fp-tabs"},S={class:"border-b border-gray-200"},N={class:"-mb-px flex space-x-8"},P=["onClick"],w={class:"flex items-center"},z={class:"mt-6"},A={__name:"FPTabs",props:{tabs:{type:Array,required:!0,validator:r=>r.every(o=>o.key&&o.label)},defaultTab:{type:String,default:null},modelValue:{type:String,default:null}},emits:["update:modelValue","tab-change"],setup(r,{emit:o}){var i;const n=r,d=o,t=_(n.modelValue||n.defaultTab||((i=n.tabs[0])==null?void 0:i.key)),f=e=>{t.value=e,d("update:modelValue",e),d("tab-change",e)};return b(()=>n.modelValue,e=>{e&&e!==t.value&&(t.value=e)}),(e,D)=>(s(),c("div",B,[l("div",S,[l("nav",N,[(s(!0),c(g,null,h(r.tabs,a=>(s(),c("button",{key:a.key,type:"button",class:x(["py-2 px-1 border-b-2 font-medium text-sm transition-colors duration-200",t.value===a.key?"border-primary-500 text-primary-600":"border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"]),onClick:$=>f(a.key)},[l("div",w,[a.icon?(s(),u(T(a.icon),{key:0,class:"w-4 h-4 mr-2"})):m("",!0),p(" "+y(a.label)+" ",1),a.badge?(s(),u(F(V),{key:1,variant:"secondary",size:"sm",class:"ml-2"},{default:C(()=>[p(y(a.badge),1)]),_:2},1024)):m("",!0)])],10,P))),128))])]),l("div",z,[k(e.$slots,"default",{activeTab:t.value},void 0,!0)])]))}},E=v(A,[["__scopeId","data-v-a621f3f9"]]);export{E as F};