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

Utilities for automated component documentation within Storybook

import React from 'react';
import PropTypes from 'prop-types';
import classnames from 'classnames';
import styles from './styles.scss';
var RadioGroup = function (_a) {
    var value = _a.value, radios = _a.radios, onChange = _a.onChange;
    return (React.createElement("div", { className: styles.radioGroup }, radios.map(function (radio) {
        var _a;
        return (React.createElement("label", { key: radio.id, className: styles.radio },
            React.createElement("input", { type: "checkbox", checked: value === radio.id, onClick: function () { return onChange(radio.id); } }),
            React.createElement("div", { className: classnames(styles.radioBubble, (_a = {},
                    _a[styles.radioBubbleChecked] = value === radio.id,
                    _a)) }),
            React.createElement("div", null, radio.value)));
    })));
};
RadioGroup.propTypes = {
    value: PropTypes.any,
    radios: PropTypes.arrayOf(PropTypes.any),
    onChange: PropTypes.func,
};
export default RadioGroup;
//# sourceMappingURL=radio-group.js.map