@yandex/ui/RadioButton/__examples__/size.js

Yandex UI components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Size = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var bundle_1 = require("@yandex-lego/components/RadioButton/desktop/bundle");
var Size = function () {
    var _a = tslib_1.__read(react_1.useState('a'), 2), valueS = _a[0], setValueS = _a[1];
    var _b = tslib_1.__read(react_1.useState('a'), 2), valueM = _b[0], setValueM = _b[1];
    var _c = tslib_1.__read(react_1.useState('a'), 2), valueL = _c[0], setValueL = _c[1];
    var options = [
        { value: 'a', children: 'Option A' },
        { value: 'b', children: 'Option B' },
        { value: 'c', children: 'Option C' },
    ];
    return (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement(bundle_1.RadioButton, { size: "s", view: "default", value: valueS, options: options, onChange: function (event) { return setValueS(event.target.value); } }),
        react_1.default.createElement("br", null),
        react_1.default.createElement("br", null),
        react_1.default.createElement(bundle_1.RadioButton, { size: "m", view: "default", value: valueM, options: options, onChange: function (event) { return setValueM(event.target.value); } }),
        react_1.default.createElement("br", null),
        react_1.default.createElement("br", null),
        react_1.default.createElement(bundle_1.RadioButton, { size: "l", view: "default", value: valueL, options: options, onChange: function (event) { return setValueL(event.target.value); } })));
};
exports.Size = Size;