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

export const Toggle = (props) => {
  const { class: className, label, ...rest } = props;

  const inputEl = Tag("input", {
    ...rest,
    type: "checkbox",
    class: `toggle ${className || ''}`.trim()
  });

  if (!label) return inputEl;

  return Tag("label", { class: "label cursor-pointer justify-start gap-3" }, [
    inputEl,
    Tag("span", { class: "label-text" }, label)
  ]);
};