import React from 'react';
import 'react-dom';
import '../../_rollupPluginBabelHelpers-539c1155.js';
import PropTypes from 'prop-types';
import { withTheme } from 'styled-components';
import '../../index-930c2100.js';
import '../../hooks/useActivify.js';
import '../../overlays/tooltip.js';
import '../../key_codes-a5a2b85e.js';
import '../../index-6b96e57a.js';
import '@styled-system/space';
import '@styled-system/color';
import '@styled-system/border';
import '@styled-system/variant';
import '@styled-system/typography';
import '../../style-inject.es-1f59c1d0.js';
import '@styled-system/layout';
import '@styled-system/flexbox';
import '@styled-system/position';
import '@styled-system/shadow';
import '../box.js';
import '../../index.esm-f8e9e79f.js';
import '@styled-system/grid';
import '@styled-system/background';
import { g as getObjectValue } from '../../util-0791ed61.js';
import { I as IconWrapper } from '../../IconWrapper-542de3b8.js';

var RecenterIcon = function RecenterIcon(props) {
  return React.createElement(IconWrapper, props, React.createElement("svg", {
    width: "36",
    height: "36",
    viewBox: "0 0 36 36",
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg"
  }, React.createElement("rect", {
    x: "0.75",
    y: "0.75",
    width: "34.5",
    height: "34.5",
    rx: "3.25",
    fill: "#FEFEFE",
    stroke: getObjectValue(props.theme.colors, props.iconColor, props.theme.colors.grey.deep),
    strokeWidth: "1.5"
  }), React.createElement("g", {
    clipPath: "url(#clip0_149_856)"
  }, React.createElement("path", {
    d: "M21.7171 11.2168L19.8586 13.0648L18.0001 11.2168L16.1416 13.0648L14.2831 11.2168L18.0001 7.49976L21.7171 11.2168ZM24.7831 21.7168L22.9351 19.8583L24.7831 17.9998L22.9351 16.1413L24.7831 14.2828L28.5001 17.9998L24.7831 21.7168ZM14.2831 24.7828L16.1416 22.9348L18.0001 24.7828L19.8586 22.9348L21.7171 24.7828L18.0001 28.4998L14.2831 24.7828ZM11.2171 14.2828L13.0651 16.1413L11.2171 17.9998L13.0651 19.8583L11.2171 21.7168L7.50006 17.9998L11.2171 14.2828Z",
    fill: getObjectValue(props.theme.colors, props.iconColor, props.theme.colors.grey.deep)
  }), React.createElement("path", {
    d: "M18 21.1499C19.7397 21.1499 21.15 19.7395 21.15 17.9999C21.15 16.2602 19.7397 14.8499 18 14.8499C16.2603 14.8499 14.85 16.2602 14.85 17.9999C14.85 19.7395 16.2603 21.1499 18 21.1499Z",
    fill: getObjectValue(props.theme.colors, props.iconColor, props.theme.colors.grey.deep)
  })), React.createElement("defs", null, React.createElement("clipPath", {
    id: "clip0_149_856"
  }, React.createElement("rect", {
    width: "25.2",
    height: "25.2",
    fill: "white",
    transform: "translate(5.40002 5.3999)"
  })))));
};

RecenterIcon.propTypes = {
  iconColor: PropTypes.string
};
var RecenterIcon$1 = withTheme(RecenterIcon);
RecenterIcon.__docgenInfo = {
  "description": "",
  "methods": [],
  "displayName": "RecenterIcon",
  "props": {
    "iconColor": {
      "type": {
        "name": "string"
      },
      "required": false,
      "description": ""
    }
  }
};

export default RecenterIcon$1;
