jobiqo-cl/lib/src/components/02-atoms/01-forms/14-radios/index.js

[](https://circleci.com/gh/jobiqo/jobiqo-cl)

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var tslib_es6 = require('../../../../../node_modules/tslib/tslib.es6.js');
var React = require('react');
var React__default = _interopDefault(React);
var index$1 = require('../11-form-item/index.js');
var styles = require('./styles.js');

/**
 * @file index.tsx
 *
 * @fileoverview Renders a list of radio buttons.
 */
const Radios = (_a) => {
    var { label, id, name, values, selectedValue = null } = _a, props = tslib_es6.__rest(_a, ["label", "id", "name", "values", "selectedValue"]);
    const radios = values.map(value => {
        return (React__default.createElement("div", { key: value.value },
            React__default.createElement(styles.StyledRadio, Object.assign({ id: value.value, type: "radio", name: name, value: value.value, defaultChecked: value.value === selectedValue }, props)),
            React__default.createElement(styles.StyledLabel, { htmlFor: value.value }, value.title)));
    });
    if (!label) {
        return radios;
    }
    return (React__default.createElement(index$1.FormItem, null,
        React__default.createElement(index$1.FormLabel, { htmlFor: id }, label),
        radios));
};

exports.Radios = Radios;