@stokr/components-library
Version:
STOKR - Components Library
69 lines (68 loc) • 1.86 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.Radio = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _Radio = require("./Radio.styles");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const Radio = _ref => {
let {
id,
name,
text,
label,
value,
checked,
error,
touched,
onChange,
onBlur,
onFocus
} = _ref;
return /*#__PURE__*/_react.default.createElement(_Radio.Wrapper, null, label && /*#__PURE__*/_react.default.createElement(_Radio.Label, {
error: error && touched,
htmlFor: id
}, label), /*#__PURE__*/_react.default.createElement(_Radio.Input, {
error: error && touched
}, /*#__PURE__*/_react.default.createElement("input", {
type: "radio",
id: id,
name: name || id,
value: value,
checked: checked,
onChange: onChange,
onBlur: onBlur,
onFocus: onFocus
}), /*#__PURE__*/_react.default.createElement("label", {
htmlFor: id
}, text)));
};
exports.Radio = Radio;
Radio.propTypes = {
id: _propTypes.default.string.isRequired,
name: _propTypes.default.string,
text: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
label: _propTypes.default.string,
value: _propTypes.default.string,
checked: _propTypes.default.bool,
error: _propTypes.default.bool,
touched: _propTypes.default.bool,
onChange: _propTypes.default.func,
onBlur: _propTypes.default.func,
onFocus: _propTypes.default.func
};
Radio.defaultProps = {
name: '',
text: '',
label: '',
value: '',
checked: false,
error: false,
touched: false,
onChange: () => {},
onBlur: () => {},
onFocus: () => {}
};
var _default = exports.default = Radio;