import{React as n,jsxRuntimeExports as e}from"./vendor-react.js";import{Root$5 as o,Thumb as i}from"./vendor-common.js";import{cn as r}from"./dialog.js";const d=n.forwardRef(({className:t,...s},a)=>e.jsx(o,{ref:a,className:r("peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border border-transparent bg-input shadow-xs transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary",t),...s,children:e.jsx(i,{className:r("pointer-events-none block h-4 w-4 rounded-full bg-background shadow-sm ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0")})}));d.displayName=o.displayName;export{d as Switch};
