tweak-tools
Version:
Tweak your React projects until awesomeness
26 lines (25 loc) • 1.53 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.BooleanComponent = exports.Boolean = void 0;
const react_1 = __importDefault(require("react"));
const context_1 = require("../../context");
const UI_1 = require("../UI");
const StyledBoolean_1 = require("./StyledBoolean");
function Boolean({ value, onUpdate, id, disabled, }) {
return (react_1.default.createElement(StyledBoolean_1.StyledInputWrapper, null,
react_1.default.createElement("input", { id: id, type: "checkbox", checked: value, onChange: (e) => onUpdate(e.currentTarget.checked), disabled: disabled }),
react_1.default.createElement("label", { htmlFor: id },
react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24" },
react_1.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" })))));
}
exports.Boolean = Boolean;
function BooleanComponent() {
const { label, value, onUpdate, disabled, id } = (0, context_1.useInputContext)();
return (react_1.default.createElement(UI_1.Row, { input: true },
react_1.default.createElement(UI_1.Label, null, label),
react_1.default.createElement(Boolean, { value: value, onUpdate: onUpdate, id: id, disabled: disabled })));
}
exports.BooleanComponent = BooleanComponent;