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 ZoomIcon = function ZoomIcon(props) {
  return React.createElement(IconWrapper, props, React.createElement("svg", {
    width: "40",
    height: "40",
    viewBox: "0 0 40 40",
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg"
  }, React.createElement("rect", {
    x: "2.75",
    y: "2.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_472_1294)"
  }, React.createElement("path", {
    d: "M23.675 22.0998H22.8455L22.5515 21.8163C23.5805 20.6193 24.2 19.0653 24.2 17.3748C24.2 13.6053 21.1445 10.5498 17.375 10.5498C13.6055 10.5498 10.55 13.6053 10.55 17.3748C10.55 21.1443 13.6055 24.1998 17.375 24.1998C19.0655 24.1998 20.6195 23.5803 21.8165 22.5513L22.1 22.8453V23.6748L27.35 28.9143L28.9145 27.3498L23.675 22.0998ZM17.375 22.0998C14.7605 22.0998 12.65 19.9893 12.65 17.3748C12.65 14.7603 14.7605 12.6498 17.375 12.6498C19.9895 12.6498 22.1 14.7603 22.1 17.3748C22.1 19.9893 19.9895 22.0998 17.375 22.0998Z",
    fill: getObjectValue(props.theme.colors, props.iconColor, props.theme.colors.grey.deep)
  }), React.createElement("path", {
    d: "M20 17.9H17.9V20H16.85V17.9H14.75V16.85H16.85V14.75H17.9V16.85H20V17.9Z",
    fill: getObjectValue(props.theme.colors, props.iconColor, props.theme.colors.grey.deep)
  })), React.createElement("defs", null, React.createElement("clipPath", {
    id: "clip0_472_1294"
  }, React.createElement("rect", {
    width: "25.2",
    height: "25.2",
    fill: "white",
    transform: "translate(7.40002 7.3999)"
  })))));
};

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

export default ZoomIcon$1;
