2 lines
1.1 KiB
JavaScript
2 lines
1.1 KiB
JavaScript
import{r as i,j as n}from"./chunk-UIGDSWPH-BhuNDbxn.js";const m=({label:u,defaultChecked:s=!1,checked:e,disabled:o=!1,onChange:g,color:f="blue"})=>{const t=e!==void 0,[r,l]=i.useState(s);i.useEffect(()=>{t&&e!==r&&l(e)},[e,t,r]),i.useEffect(()=>{!t&&s!==r&&l(s)},[s,t,r]);const a=t?e??!1:r,x=()=>{if(o)return;const c=!a;t||l(c),g&&g(c)},b=f==="blue"?{background:a?"bg-brand-500 ":"bg-gray-200 dark:bg-white/10",knob:a?"translate-x-full bg-white":"translate-x-0 bg-white"}:{background:a?"bg-gray-800 dark:bg-white/10":"bg-gray-200 dark:bg-white/10",knob:a?"translate-x-full bg-white":"translate-x-0 bg-white"};return n.jsxs("label",{className:`flex cursor-pointer select-none items-center gap-3 text-sm font-medium ${o?"text-gray-400":"text-gray-700 dark:text-gray-400"}`,onClick:x,children:[n.jsxs("div",{className:"relative",children:[n.jsx("div",{className:`block transition duration-150 ease-linear h-6 w-11 rounded-full ${o?"bg-gray-100 pointer-events-none dark:bg-gray-800":b.background}`}),n.jsx("div",{className:`absolute left-0.5 top-0.5 h-5 w-5 rounded-full shadow-theme-sm duration-150 ease-linear transform ${b.knob}`})]}),u]})};export{m as S};
|