var _excluded = ["fill", "stroke"];
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
import React from 'react';
import styled from 'styled-components';
import { getColor, IconBase } from '../IconBase';
var StyledPath = styled.path.withConfig({
  displayName: "CrossCircle__StyledPath",
  componentId: "sc-y0nkga-0"
})(["", ""], function (p) {
  var strokeColor = getColor(p.theme, p.theme.color.svgStokeLight, p.strokeColorFn);
  return "fill: ".concat(strokeColor, ";");
});
var StyledPolygon = styled.polygon.withConfig({
  displayName: "CrossCircle__StyledPolygon",
  componentId: "sc-y0nkga-1"
})(["", ""], function (p) {
  var strokeColor = getColor(p.theme, p.theme.color.svgStokeLight, p.strokeColorFn);
  return "fill: ".concat(strokeColor, ";");
});
export var CrossCircle = function CrossCircle(_ref) {
  var fill = _ref.fill,
    stroke = _ref.stroke,
    props = _objectWithoutProperties(_ref, _excluded);
  return React.createElement(IconBase, _extends({}, props, {
    viewBox: "0 0 24 24"
  }), React.createElement("g", {
    fill: "none",
    fillRule: "evenodd"
  }, React.createElement(StyledPolygon, {
    strokeColorFn: fill || function () {
      return '#28282A';
    },
    points: "16.8 0 24 7.2 24 16.8 16.8 24 7.2 24 0 16.8 0 7.2 7.2 0"
  }), React.createElement(StyledPath, {
    strokeColorFn: stroke || function () {
      return '#FFF';
    },
    d: "M13,17 L13,19 L11,19 L11,17 L13,17 Z M13,5 L13,15 L11,15 L11,5 L13,5 Z"
  })));
};
CrossCircle.displayName = 'OldIcon.CrossCircle';