import{k as m,Q as l,S as t,F as c,ab as f,Y as d,u as o,U as r,a5 as v,a8 as _,am as y,y as g}from"./vendor/json-editor-vue-fw81xiot.js";import{z as V}from"./nsy6o4py.js";const h={class:"n-select-tabs flex flex-inline flex-wrap items-center border n-border-base rounded n-bg-base"},k=["disabled","title"],x=["disabled","value","title"],C=m({__name:"NSelectTabs",props:{modelValue:{default:void 0},disabled:{type:Boolean,default:!1},options:{}},setup(i,{emit:b}){const a=V(i,"modelValue",b,{passive:!0});return(s,n)=>(l(),t("fieldset",h,[(l(!0),t(c,null,f(s.options,(e,u)=>(l(),t("label",{key:e.label,disabled:s.disabled,class:d(["relative n-border-base hover:n-bg-active px-0.5em py-0.1em",[u?"border-l n-border-base ml--1px":"",e.value===o(a)?"n-bg-active":""]]),title:e.label},[r("div",{class:d([e.value===o(a)?"":"op35"])},v(e.label),3),_(r("input",{"onUpdate:modelValue":n[0]||(n[0]=p=>g(a)?a.value=p:null),type:"radio",disabled:s.disabled,value:e.value,title:e.label,class:"absolute inset-0 op-0.1"},null,8,x),[[y,o(a)]])],10,k))),128))]))}});export{C as _};
