Migrating new components

components/Swap.js

@@ -0,0 +1,21 @@
+// 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)
+  ]);
+};