"use client"
import{b as c}from"./chunk-7EIIB373.mjs";import{k as o}from"./chunk-UIFZOBQS.mjs";import*as t from"@radix-ui/react-switch";import{jsx as e}from"react/jsx-runtime";function f({fn:r,trackDimensions:l,thumbDimensions:d,thumbTranslate:n,checked:h=!0,loading:i=!1,disabled:a=!1,disabledTooltip:s}){return s?e(c,{content:s,children:e("div",{className:"radix-state-checked:bg-gray-300 relative inline-flex h-4 w-8 flex-shrink-0 cursor-not-allowed rounded-full border-2 border-transparent bg-gray-200",children:e("div",{className:"h-3 w-3 transform rounded-full bg-white shadow-lg"})})}):e(t.Root,{checked:i?!1:h,name:"switch",...r&&{onCheckedChange:r},disabled:a||i,className:(void 0)("radix-state-checked:bg-blue-500 radix-state-unchecked:bg-gray-200 relative inline-flex h-4 w-8 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus-visible:ring focus-visible:ring-blue-500 focus-visible:ring-opacity-75",(a||i)&&"cursor-not-allowed",l),children:e(t.Thumb,{className:(void 0)(`radix-state-checked:${n}`,"radix-state-unchecked:translate-x-0","pointer-events-none h-3 w-3 translate-x-4 transform rounded-full bg-white shadow-lg ring-0 transition duration-200 ease-in-out",d,n)})})}export{f as a};
