"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.RadioOption = void 0;

var _react = _interopRequireDefault(require("react"));

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _branding = require("../../../mixins/branding");

var _radioOption = require("./radio-option.proptypes");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var _RadioChecked = function _RadioChecked(_ref) {
  var className = _ref.className;
  return _react["default"].createElement("g", {
    stroke: "none",
    strokeWidth: "1",
    fill: "none",
    fillRule: "evenodd",
    className: className
  }, _react["default"].createElement("path", {
    d: "M22,34 C15.372583,34 10,28.627417 10,22 C10,15.372583 15.372583,10 22,10 C28.627417,10 34,15.372583 34,22 C34,28.627417 28.627417,34 22,34 Z M22,26 C24.209139,26 26,24.209139 26,22 C26,19.790861 24.209139,18 22,18 C19.790861,18 18,19.790861 18,22 C18,24.209139 19.790861,26 22,26 Z"
  }));
};

var RadioChecked = (0, _styledComponents["default"])(_RadioChecked).withConfig({
  displayName: "RadioChecked",
  componentId: "sc-1xhn4mb-0"
})(["path{fill:", ";}"], (0, _branding.getPaletteColor)('brand-secondary-base'));

var _RadioUnchecked = function _RadioUnchecked(_ref2) {
  var className = _ref2.className;
  return _react["default"].createElement("g", {
    strokeWidth: "1",
    fill: "none",
    fillRule: "evenodd",
    className: className
  }, _react["default"].createElement("circle", {
    strokeWidth: "1.5",
    cx: "22",
    cy: "22",
    r: "11.25"
  }));
};

var RadioUnchecked = (0, _styledComponents["default"])(_RadioUnchecked).withConfig({
  displayName: "RadioUnchecked",
  componentId: "sc-1xhn4mb-1"
})(["circle{stroke:", ";}"], (0, _branding.getPaletteColor)('greyscale-light'));

var _RadioOption = function _RadioOption(_ref3) {
  var checked = _ref3.checked,
      className = _ref3.className,
      id = _ref3.id;
  return _react["default"].createElement("svg", {
    xmlns: "http://www.w3.org/2000/svg",
    width: "44px",
    height: "44px",
    viewBox: "0 0 44 44",
    version: "1.1",
    className: className,
    id: id
  }, checked ? _react["default"].createElement(RadioChecked, null) : _react["default"].createElement(RadioUnchecked, null));
};

var RadioOption = (0, _styledComponents["default"])(_RadioOption).withConfig({
  displayName: "RadioOption",
  componentId: "sc-1xhn4mb-2"
})(["&:hover{cursor:pointer;}"]);
exports.RadioOption = RadioOption;
RadioOption.displayName = 'RadioOption';
RadioOption.propTypes = _radioOption.radioOptionPropTypes;