natxocc
d900659d88
All checks were successful
Deploy Docs to Synology / deploy (push) Successful in 3s
21 lines
549 B
JavaScript
21 lines
549 B
JavaScript
// 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)
|
|
]);
|
|
}; |