// components/Swap.js
import { Tag } from "sigpro";

export const Swap = (props) => {
  const { class: className, value, on, off, ...rest } = props;

  return Tag("label", {
    ...rest,
    class: `swap ${className || ''}`.trim()
  }, [
    Tag("input", {
      type: "checkbox",
      checked: () => typeof value === "function" ? value() : value,
      onchange: (e) => {
        if (typeof value === "function") value(e.target.checked);
      }
    }),
    Tag("div", { class: "swap-on" }, on),
    Tag("div", { class: "swap-off" }, off)
  ]);
};