assets/CheckBar-B-SKUaUP.js

import{Transition as e,createBaseVNode as t,createCommentVNode as n,createElementBlock as r,createTextVNode as i,createVNode as a,defineComponent as o,mergeModels as s,normalizeClass as c,openBlock as l,toDisplayString as u,useModel as d,vModelCheckbox as f,withCtx as p,withDirectives as m}from"./index-BtAisBe9.js";const h={class:`w-full flex cursor-pointer items-center justify-between rounded-lg px-4 py-3 text-sm outline-none transition-all duration-250 ease-in-out`,bg:`neutral-50 dark:neutral-800`,hover:`bg-neutral-200 dark:bg-neutral-700`},g=[`aria-checked`],_={key:0,text:`sm neutral-500`};var v=o({__name:`CheckBar`,props:s({text:null,iconOn:null,iconOff:null,description:null},{modelValue:{type:Boolean},modelModifiers:{}}),emits:[`update:modelValue`],setup(o){let s=d(o,`modelValue`);return(d,v)=>(l(),r(`label`,h,[m(t(`input`,{"onUpdate:modelValue":v[0]||=e=>s.value=e,"aria-checked":s.value,type:`checkbox`,hidden:``},null,8,g),[[f,s.value]]),t(`div`,null,[i(u(d.$t(o.text))+` `,1),o.description?(l(),r(`div`,_,u(d.$t(o.description)),1)):n(``,!0)]),a(e,{name:`slide-away`,mode:`out-in`},{default:p(()=>[s.value?(l(),r(`div`,{key:0,class:c(o.iconOn),transition:`all ease-in-out duration-250`},null,2)):(l(),r(`div`,{key:1,class:c(o.iconOff),transition:`all ease-in-out duration-250`},null,2))]),_:1})]))}}),y=v;export{y as CheckBar_default};