import{d as h,i as v,o as a,a as o,F as _,x as y,y as g,z as x,f as n,m as V}from"./index.477073af.js";import{r as b,aR as R,aa as i,c as k,ac as z}from"./index.ef672c15.js";const B={class:"radio f-input"},L=["for"],w=["id","value"],D={class:"text-theme-600 hover:text-theme-500 ml-2"},A=h({__name:"InputRadio",props:{modelValue:{type:String,default:""},list:{type:Array,default:()=>[]}},emits:["update:modelValue"],setup(u,{emit:d}){const r=u,e=b(r.modelValue),c=R(r.list);v(()=>e.value,s=>{d("update:modelValue",s)});const m=["form-radio","appearance-none","border","border-theme-300","text-theme-500","focus:border-theme-500","focus:outline-none","focus:ring-2","focus:ring-theme-100","focus:ring-offset-0"];return(s,l)=>(a(),o("div",B,[(a(!0),o(_,null,y(i(c),(t,p)=>(a(),o("label",{key:p,class:"text-input-size my-2 flex cursor-pointer items-center",for:t.value},[g(n("input",V({id:t.value,"onUpdate:modelValue":l[0]||(l[0]=f=>k(e)?e.value=f:null),type:"radio",class:m,name:"radio-colors",value:t.value},s.$attrs),null,16,w),[[x,i(e)]]),n("span",D,z(t.name),1)],8,L))),128))]))}});export{A as default};
