nexpi-ui/lib/Switch.js

An elegant and minimalist Next.js 14 component library

"use client";
import styles from './styles/Switch.module.css';
import { useEffect, useState } from 'react';
import React from 'react';
var Switch = function (_a) {
    var onToggle = _a.onToggle, variant = _a.variant;
    var _b = useState(false), isOn = _b[0], setIsOn = _b[1];
    var handleToggle = function () {
        setIsOn(!isOn);
        onToggle();
    };
    useEffect(function () {
        handleToggle;
    }, [isOn]);
    return (React.createElement(React.Fragment, null,
        React.createElement("label", { className: styles.switch },
            React.createElement("input", { type: "checkbox", checked: isOn, onChange: handleToggle }),
            React.createElement("span", { className: "".concat(styles.slider, " ").concat(styles.round, " ").concat(styles[variant ? variant : 'secondary']) }))));
};
export default Switch;
//# sourceMappingURL=Switch.js.map