"use strict";

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

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

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

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

var RadioIcon = function RadioIcon(_ref) {
  var checked = _ref.checked,
      borderColor = _ref.borderColor;
  var theme = (0, _styledComponents.useTheme)();
  return /*#__PURE__*/_react["default"].createElement("svg", {
    xmlns: "http://www.w3.org/2000/svg",
    width: "44px",
    height: "44px",
    viewBox: "0 0 44 44",
    version: "1.1"
  }, checked ? /*#__PURE__*/_react["default"].createElement("g", {
    stroke: "none",
    strokeWidth: "1",
    fill: "none",
    fillRule: "evenodd"
  }, /*#__PURE__*/_react["default"].createElement("path", {
    fill: theme.colorPalette['brand-secondary-base'],
    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"
  })) : /*#__PURE__*/_react["default"].createElement("g", {
    strokeWidth: "1",
    fill: "none",
    fillRule: "evenodd"
  }, /*#__PURE__*/_react["default"].createElement("circle", {
    strokeWidth: "1.5",
    cx: "22",
    cy: "22",
    r: "11.25",
    stroke: theme.colorPalette[borderColor]
  })));
};

exports.RadioIcon = RadioIcon;
RadioIcon.displayName = 'RadioIcon';