import{d as h,h as v,o as a,i as o,F as _,t as g,v as x,x as y,e as n,m as V}from"./index.9838a17e.js";import{r as b,aR as k,aa as i,k as R,ac as B}from"./index.02c939b6.js";const L={class:"radio f-input"},w=["for"],z=["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=k(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",L,[(a(!0),o(_,null,g(i(c),(t,p)=>(a(),o("label",{key:p,class:"text-input-size my-2 flex cursor-pointer items-center",for:t.value},[x(n("input",V({id:t.value,"onUpdate:modelValue":l[0]||(l[0]=f=>R(e)?e.value=f:null),type:"radio",class:m,name:"radio-colors",value:t.value},s.$attrs),null,16,z),[[y,i(e)]]),n("span",D,B(t.name),1)],8,w))),128))]))}});export{A as default};
