minusculas

components/swap.js

@@ -0,0 +1,14 @@
+// components/Swap.js
+import { Tag } from "sigpro";
+
+export const Swap = (props) => {
+  return Tag("label", { ...props, class: `swap ${props.class ?? ''}` }, [
+    Tag("input", {
+      type: "checkbox",
+      checked: () => typeof props.value === "function" ? props.value() : props.value,
+      onchange: (e) => typeof props.value === "function" && props.value(e.target.checked)
+    }),
+    Tag("div", { class: "swap-on" }, props.on),
+    Tag("div", { class: "swap-off" }, props.off)
+  ]);
+};