wix-storybook-utils/dist/src/ui/radio-group.js

Utilities for automated component documentation within Storybook

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var prop_types_1 = tslib_1.__importDefault(require("prop-types"));
var classnames_1 = tslib_1.__importDefault(require("classnames"));
var styles_scss_1 = tslib_1.__importDefault(require("./styles.scss"));
var RadioGroup = function (_a) {
    var value = _a.value, radios = _a.radios, onChange = _a.onChange;
    return (react_1.default.createElement("div", { className: styles_scss_1.default.radioGroup }, radios.map(function (radio) {
        var _a;
        return (react_1.default.createElement("label", { key: radio.id, className: styles_scss_1.default.radio },
            react_1.default.createElement("input", { type: "checkbox", checked: value === radio.id, onClick: function () { return onChange(radio.id); } }),
            react_1.default.createElement("div", { className: (0, classnames_1.default)(styles_scss_1.default.radioBubble, (_a = {},
                    _a[styles_scss_1.default.radioBubbleChecked] = value === radio.id,
                    _a)) }),
            react_1.default.createElement("div", null, radio.value)));
    })));
};
RadioGroup.propTypes = {
    value: prop_types_1.default.any,
    radios: prop_types_1.default.arrayOf(prop_types_1.default.any),
    onChange: prop_types_1.default.func,
};
exports.default = RadioGroup;
//# sourceMappingURL=radio-group.js.map