sccoreui/dist/pages/toggle/toggle.js

ui-sccore

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const inputswitch_1 = require("primereact/inputswitch");
const react_1 = require("react");
const ToggleSwitch = () => {
    const [isChecked, setIsChecked] = (0, react_1.useState)(false);
    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h2", Object.assign({ className: "flex bg-gray-200 p-3 justify-content-center mt-0 mb-4" }, { children: "Toggle Switch" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex justify-content-center gap-5 mb-5 p-3" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column gap-3 mb-5" }, { children: [(0, jsx_runtime_1.jsx)(inputswitch_1.InputSwitch, { checked: isChecked, onChange: () => setIsChecked(!isChecked) }), (0, jsx_runtime_1.jsx)(inputswitch_1.InputSwitch, { checked: true }), (0, jsx_runtime_1.jsx)(inputswitch_1.InputSwitch, { checked: false, disabled: true }), (0, jsx_runtime_1.jsx)(inputswitch_1.InputSwitch, { checked: false, className: "p-invalid" })] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column gap-3 mb-5" }, { children: [(0, jsx_runtime_1.jsx)(inputswitch_1.InputSwitch, { checked: isChecked, onChange: () => setIsChecked(!isChecked), className: "p-inputswitch-light" }), (0, jsx_runtime_1.jsx)(inputswitch_1.InputSwitch, { checked: true, className: "p-inputswitch-light" }), (0, jsx_runtime_1.jsx)(inputswitch_1.InputSwitch, { checked: false, disabled: true, className: "p-inputswitch-light" }), (0, jsx_runtime_1.jsx)(inputswitch_1.InputSwitch, { checked: false, className: "p-invalid p-inputswitch-light" })] }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex justify-content-center align-items-center gap-5" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column gap-3" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-start gap-3" }, { children: [(0, jsx_runtime_1.jsx)(inputswitch_1.InputSwitch, { checked: isChecked, onChange: () => setIsChecked(!isChecked), className: "mt-1" }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-gray-700 font-medium text-base" }, { children: "Remember me" })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-gray-600 font-normal text-base" }, { children: "Save my login details for next time." }))] }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-start gap-3" }, { children: [(0, jsx_runtime_1.jsx)(inputswitch_1.InputSwitch, { checked: true, className: "mt-1" }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-gray-700 font-medium text-base" }, { children: "Remember me" })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-gray-600 font-normal text-base" }, { children: "Save my login details for next time." }))] }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-start gap-3" }, { children: [(0, jsx_runtime_1.jsx)(inputswitch_1.InputSwitch, { checked: false, disabled: true, className: "mt-1" }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-gray-700 font-medium text-base" }, { children: "Remember me" })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-gray-600 font-normal text-base" }, { children: "Save my login details for next time." }))] }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-start gap-3" }, { children: [(0, jsx_runtime_1.jsx)(inputswitch_1.InputSwitch, { checked: false, className: "mt-1 p-invalid" }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-gray-700 font-medium text-base" }, { children: "Remember me" })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-gray-600 font-normal text-base" }, { children: "Save my login details for next time." }))] }))] }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column gap-3" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-start gap-3" }, { children: [(0, jsx_runtime_1.jsx)(inputswitch_1.InputSwitch, { checked: isChecked, onChange: () => setIsChecked(!isChecked), className: "mt-1 p-inputswitch-light" }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-gray-700 font-medium text-base" }, { children: "Remember me" })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-gray-600 font-normal text-base" }, { children: "Save my login details for next time." }))] }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-start gap-3" }, { children: [(0, jsx_runtime_1.jsx)(inputswitch_1.InputSwitch, { checked: true, className: "mt-1 p-inputswitch-light" }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-gray-700 font-medium text-base" }, { children: "Remember me" })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-gray-600 font-normal text-base" }, { children: "Save my login details for next time." }))] }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-start gap-3" }, { children: [(0, jsx_runtime_1.jsx)(inputswitch_1.InputSwitch, { checked: false, disabled: true, className: "mt-1 p-inputswitch-light" }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-gray-700 font-medium text-base" }, { children: "Remember me" })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-gray-600 font-normal text-base" }, { children: "Save my login details for next time." }))] }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-start gap-3" }, { children: [(0, jsx_runtime_1.jsx)(inputswitch_1.InputSwitch, { checked: false, className: "mt-1 p-invalid p-inputswitch-light" }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-gray-700 font-medium text-base" }, { children: "Remember me" })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-gray-600 font-normal text-base" }, { children: "Save my login details for next time." }))] }))] }))] }))] }))] }));
};
exports.default = ToggleSwitch;