@stokr/components-library
Version:
STOKR - Components Library
56 lines (55 loc) • 2.02 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _reactTippy = require("react-tippy");
var _ROIScenarioBox = require("./ROIScenarioBox.styles");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const ROIScenarioBox = _ref => {
let {
title,
subtitle,
tooltip,
radio
} = _ref;
return /*#__PURE__*/_react.default.createElement(_ROIScenarioBox.Wrap, null, /*#__PURE__*/_react.default.createElement("input", {
type: "radio",
id: radio.id,
name: radio.name || radio.id,
value: radio.value,
checked: radio.checked,
disabled: radio.disabled,
onChange: radio.onChange,
onBlur: radio.onBlur
}), /*#__PURE__*/_react.default.createElement("label", {
htmlFor: radio.id
}, /*#__PURE__*/_react.default.createElement(_reactTippy.Tooltip, {
position: "right",
title: tooltip,
theme: "light",
arrow: true,
duration: 200
}, /*#__PURE__*/_react.default.createElement(_ROIScenarioBox.Container, null, /*#__PURE__*/_react.default.createElement(_ROIScenarioBox.Title, null, title), /*#__PURE__*/_react.default.createElement(_ROIScenarioBox.Subtitle, null, subtitle), /*#__PURE__*/_react.default.createElement(_ROIScenarioBox.CheckMark, null)))));
};
ROIScenarioBox.propTypes = {
title: _propTypes.default.string.isRequired,
subtitle: _propTypes.default.string,
tooltip: _propTypes.default.string,
radio: _propTypes.default.shape({
id: _propTypes.default.string.isRequired,
name: _propTypes.default.string,
value: _propTypes.default.string,
checked: _propTypes.default.bool,
onChange: _propTypes.default.func,
onBlur: _propTypes.default.func,
hide: _propTypes.default.bool
}).isRequired
};
ROIScenarioBox.defaultProps = {
subtitle: '',
tooltip: ''
};
var _default = exports.default = ROIScenarioBox;