1import{r as c,j as r}from"./metal-fx-C6GZ_SKA.js";import{b as u}from"./shared-OtDZU4QY.js";import{fm as p,eT as x}from"./index-D1yBc__G.js";import"./motion-BHwmuFpx.js";function o({label:n,defaultOn:a=!1,onChange:e}){const i=p(),[t,l]=c.useState(a);return r.jsxs("button",{type:"button",role:"switch","aria-checked":t,onClick:()=>{l(s=>(e==null||e(!s),!s))},className:"group flex min-h-[28px] items-center gap-3 py-1",children:[r.jsx("span",{className:"relative h-5 w-9 rounded-full border transition-colors duration-300",style:{borderColor:t?"color-mix(in srgb, var(--chart-1) 50%, transparent)":"color-mix(in srgb, var(--foreground) 12%, transparent)",background:t?"color-mix(in srgb, var(--chart-1) 18%, transparent)":"color-mix(in srgb, var(--foreground) 4%, transparent)"},children:r.jsx(x.span,{className:"absolute left-[3px] top-[3px] h-[12px] w-[12px] rounded-full",animate:{x:t?17:0,background:t?u.blue:"color-mix(in srgb, var(--foreground) 45%, transparent)"},transition:i?{duration:0}:{type:"spring",stiffness:500,damping:32}})}),r.jsx("span",{className:`text-[12px] transition-colors duration-200 ${t?"text-foreground/80":"text-foreground/45 group-hover:text-foreground/65"}`,children:n})]})}function b(){return r.jsxs("div",{className:"flex min-h-[260px] w-full flex-col items-start justify-center gap-5 p-6 pl-[38%]",children:[r.jsx(o,{label:"Click tracking",defaultOn:!0}),r.jsx(o,{label:"Open tracking"}),r.jsx(o,{label:"Webhook retries",defaultOn:!0})]})}export{b as Demo,o as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.