import"./DsnmJJEf.js";import{p,a as d,b as u,r as l,c as m,d as x,s as g,g as r,t as h}from"./BfUaJvxP.js";import{d as _,s as k,a as y}from"./Bci9YmGs.js";import{i as T}from"./C8yDvkQM.js";import{e as j}from"./CuIpA3jY.js";import{s as q}from"./VWvGCFra.js";var w=m('<span class="absolute inset-x-0 -bottom-px h-0.5 bg-primary"></span>'),z=m("<button> <!></button>"),A=m('<div class="flex border-b border-border"></div>');function H(c,t){p(t,!0);var o=A();j(o,21,()=>t.items,s=>s.id,(s,e)=>{var a=z(),n=x(a),v=g(n);{var b=i=>{var f=w();d(i,f)};T(v,i=>{t.active===r(e).id&&i(b)})}l(a),h(()=>{q(a,1,`relative px-4 py-2.5 text-sm font-medium transition-colors
				${t.active===r(e).id?"text-primary":"text-muted-foreground hover:text-foreground"}`),k(n,`${r(e).label??""} `)}),y("click",a,()=>t.onchange(r(e).id)),d(s,a)}),l(o),d(c,o),u()}_(["click"]);export{H as T};
