import{d as b,o as s,c,a as l,C as f,A as p,X as t}from"./HiZVHV0m.js";const d=["id","value","checked","aria-label"],h=b({__name:"SizeSelection",props:{id:{},size:{},active:{type:Boolean,default:!1},availability:{default:"available"},small:{type:Boolean,default:!1}},emits:["change"],setup(i,{emit:o}){const e=i,r=o,n=a=>r("change",a);return(a,u)=>(s(),c("div",{class:t(["relative p-1 flex items-center leading-[14px] tracking-[1px] before:left-0 before:bottom-0 before:right-0 before:absolute before:h-[1px] before:bg-transparent before:transition-all before:duration-200 before:block hover:before:bg-black",{"text-neutral-700 hover:before:!bg-neutral-700 before:bg-transparent":e.availability==="notAvailable","before:!bg-black":e.active,"before:!bg-neutral-700":e.active&&e.availability==="notAvailable","before:right-6":e.availability==="fewAvailable"&&!e.small,"before:right-4":e.availability==="fewAvailable","px-4 py-2 before:!left-4 before:!right-4":!e.small}])},[l("input",{id:e.id,type:"checkbox",class:"cursor-pointer appearance-none absolute top-0 left-0 w-full h-full",value:e.size,checked:e.active,"aria-label":String(e.size),onChange:n},null,40,d),f(" "+p(e.size)+" ",1),l("span",{class:t(["block w-1 h-1 ms-1 mt-[-1px] rounded-full bg-black",{hidden:e.availability!=="fewAvailable"}])},null,2)],2))}});export{h as _};