import { jsx as r } from "react/jsx-runtime";
import { Switch as s } from "@headlessui/react";
import { cn as o } from "../utils/cn.js";
const d = ({ isOn: t, isDisabled: e, className: a, onToggle: n }) => /* @__PURE__ */ r(
  s,
  {
    checked: t,
    disabled: e,
    onChange: n,
    className: o(
      "group inline-flex h-sw-xl w-[28px] items-center rounded-full transition bg-sw-gray-300 data-checked:bg-sw-accent-300 cursor-pointer",
      { "opacity-50": e },
      a
    ),
    children: /* @__PURE__ */ r("span", { className: "size-sw-lg translate-x-sw-xxs rounded-full bg-sw-gray-950 transition group-data-checked:translate-x-[14px]" })
  }
);
export {
  d as Toggle
};
//# sourceMappingURL=Toggle.js.map
