import{a as u,c,e,w as f,y as m,n as p,U as r,m as b}from"./vendor-3-7-103.js";const x={class:"relative inline-flex cursor-pointer"},h=["value","disabled"],v={class:"flex flex-col gap-1"},g={class:"flex items-center"},w={class:"ml-3 text-xs font-normal text-gray-400"},k={__name:"Switch",props:["modelValue","disabled","value"],emits:["update:modelValue"],setup(t,{emit:o}){const n=t,d=o,s=b({get(){return n.modelValue},set(l){d("update:modelValue",l)}});return(l,a)=>(u(),c("div",null,[e("label",x,[f(e("input",{"onUpdate:modelValue":a[0]||(a[0]=i=>s.value=i),value:t.value,type:"checkbox",class:"sr-only peer",disabled:t.disabled},null,8,h),[[m,s.value]]),a[1]||(a[1]=e("div",{class:"w-11 min-w-[2.75rem] h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue-600"},null,-1)),e("div",v,[e("div",g,[e("span",{class:p(`ml-3 text-sm font-medium ${t.disabled?"text-gray-300":"text-gray-900"}`)},[r(l.$slots,"default")],2)]),e("span",w,[r(l.$slots,"subtitle")])])])]))}};export{k as _};
