flexacore-ui-dev
Version:
Universal UI Framework for CDN, React, Angular, Vue, Svelte with TypeScript support
19 lines (18 loc) • 959 B
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const FCSwitch = ({ checked = false, disabled = false, label = '', onChange, className = '', ...rest }) => {
const classes = [
'fc-switch',
disabled ? 'fc-switch-disabled' : '',
className
].join(' ');
return (react_1.default.createElement("label", { className: classes },
react_1.default.createElement("input", { type: "checkbox", checked: checked, disabled: disabled, onChange: e => onChange && onChange(e.target.checked), ...rest }),
react_1.default.createElement("span", { className: "fc-switch-slider" }),
label && react_1.default.createElement("span", { className: "fc-switch-label" }, label)));
};
exports.default = FCSwitch;