"use strict";

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

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

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

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

var _checkBoxIcon = require("./check-box-icon.css-rules");

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

var CheckBoxIcon = function CheckBoxIcon(_ref) {
  var className = _ref.className,
      selected = _ref.selected;
  var theme = (0, _styledComponents.useTheme)();
  return /*#__PURE__*/_react["default"].createElement("svg", {
    width: "44px",
    height: "44px",
    viewBox: "0 0 44 44",
    version: "1.1",
    xmlns: "http://www.w3.org/2000/svg",
    className: className
  }, /*#__PURE__*/_react["default"].createElement("g", {
    stroke: "none",
    strokeWidth: "1",
    fill: "none",
    fillRule: "evenodd"
  }, selected ? /*#__PURE__*/_react["default"].createElement("g", {
    transform: "translate(11.000000, 11.000000)"
  }, /*#__PURE__*/_react["default"].createElement("rect", {
    fill: (0, _checkBoxIcon.getFillColor)(theme),
    x: "0",
    y: "0",
    width: "22",
    height: "22",
    rx: "6"
  }), /*#__PURE__*/_react["default"].createElement("polyline", {
    stroke: (0, _checkBoxIcon.getFontColor)(theme),
    strokeWidth: "3",
    points: "5 10.1464784 9.3287618 14.4752402 17.304002 6.5"
  })) : /*#__PURE__*/_react["default"].createElement("rect", {
    stroke: (0, _branding.getOutlineColor)(theme),
    strokeWidth: "1.5",
    x: "11.75",
    y: "11.75",
    width: "20.5",
    height: "20.5",
    rx: "6"
  })));
};

exports.CheckBoxIcon = CheckBoxIcon;
CheckBoxIcon.displayName = 'CheckBoxIcon';