@yandex/ui/Checkbox/__examples__/lines.js

Yandex UI components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Lines = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var bundle_1 = require("@yandex-lego/components/Checkbox/desktop/bundle");
var Lines = function () {
    var _a = tslib_1.__read(react_1.useState(false), 2), checked = _a[0], setChecked = _a[1];
    return (react_1.default.createElement("div", { style: { fontFamily: 'var(--control-font-family)' } },
        'one:',
        ['s', 'm'].map(function (size) { return (react_1.default.createElement("div", { key: size, style: { padding: 4 } },
            react_1.default.createElement(bundle_1.Checkbox, { label: "\u041E\u0434\u043D\u043E\u0441\u0442\u0440\u043E\u0447\u043D\u044B\u0439 checkbox \u0441 \u0434\u043B\u0438\u043D\u043D\u043E\u0439 \u043F\u043E\u0434\u043F\u0438\u0441\u044C\u044E", view: "default", size: size, onChange: function () { return setChecked(!checked); }, checked: checked, lines: "one" }))); }),
        react_1.default.createElement("br", null),
        'multi:',
        react_1.default.createElement("div", { style: { padding: 4 } },
            'Чекбоксы\u00a0\u00a0',
            react_1.default.createElement(bundle_1.Checkbox, { label: "\u0432\u044B\u0440\u0430\u0432\u043D\u0438\u0432\u0430\u044E\u0442\u0441\u044F", view: "default", size: "s", onChange: function () { return setChecked(!checked); }, checked: checked, lines: "multi" }),
            '\u00a0по базовой\u00a0\u00a0',
            react_1.default.createElement(bundle_1.Checkbox, { label: "\u043B\u0438\u043D\u0438\u0438", view: "default", size: "m", onChange: function () { return setChecked(!checked); }, checked: checked, lines: "multi" }),
            '.')));
};
exports.Lines = Lines;