import{r as b,j as t}from"./sikshya-admin-sikshya-react-E_TY_un4.js";import{N as c}from"./sikshya-admin.js";function u({tabs:r,value:a,onChange:i,ariaLabel:o="Editor sections",className:l=""}){const n=b.useId();return t.jsx("div",{role:"tablist","aria-label":o,className:`inline-flex flex-wrap items-center gap-1 rounded-xl border border-slate-200 bg-slate-50 p-1 dark:border-slate-700 dark:bg-slate-800/60 ${l}`,children:r.map(e=>{const s=a===e.id,d=`${n}-${e.id}`;return t.jsxs("button",{type:"button",role:"tab","aria-selected":s,id:d,onClick:()=>i(e.id),className:["relative inline-flex items-center gap-2 rounded-lg px-3.5 py-2 text-sm font-semibold transition-colors","focus:outline-none focus-visible:ring-2 focus-visible:ring-brand-500/40 focus-visible:ring-offset-1 focus-visible:ring-offset-slate-50 dark:focus-visible:ring-offset-slate-800",s?"bg-white text-brand-700 shadow-sm ring-1 ring-slate-200 dark:bg-slate-900 dark:text-brand-300 dark:ring-slate-700":"text-slate-600 hover:bg-white/70 hover:text-slate-900 dark:text-slate-300 dark:hover:bg-slate-900/60 dark:hover:text-slate-100"].join(" "),children:[e.icon?t.jsx(c,{name:e.icon,className:`h-4 w-4 ${s?"text-brand-600 dark:text-brand-400":"text-slate-400 dark:text-slate-500"}`}):null,t.jsx("span",{children:e.label})]},e.id)})})}export{u as H};
