import React from 'react';
import 'react-dom';
import '../../_rollupPluginBabelHelpers-b9ad31fa.js';
import PropTypes from 'prop-types';
import { withTheme } from 'styled-components';
import '../../key_codes-ff72266d.js';
import '../../hooks/useActivify.js';
import '../../index-6829ab1f.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-cc00ee1d.js';
import { I as IconWrapper } from '../../IconWrapper-5c8fb47b.js';

var ToolIcon = function ToolIcon(props) {
  return /*#__PURE__*/React.createElement(IconWrapper, props, /*#__PURE__*/React.createElement("svg", {
    width: "24",
    height: "24",
    viewBox: "0 0 24 24",
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg"
  }, /*#__PURE__*/React.createElement("g", {
    clipPath: "url(#clip0_2140_5879)"
  }, /*#__PURE__*/React.createElement("path", {
    d: "M21.7262 18.3587L13.4384 10.0983C14.2872 7.96945 13.8491 5.45855 12.124 3.73004C10.0246 1.63762 6.75698 1.44657 4.42945 3.1387L7.93444 6.64122L6.63832 7.92396L3.14247 4.43964C1.44474 6.75039 1.63642 10.0164 3.73576 12.0997C5.43349 13.7918 7.90705 14.2376 10.0246 13.4461L18.3398 21.7339C18.6958 22.0887 19.2709 22.0887 19.6268 21.7339L21.7262 19.6415C22.0913 19.2958 22.0913 18.7226 21.7262 18.3587ZM18.9879 19.8143L10.3532 11.2081C9.79646 11.6175 9.17578 11.8632 8.52773 11.9541C7.28638 12.1361 5.98114 11.7631 5.03187 10.817C4.16476 9.96179 3.76314 8.81551 3.82704 7.68743L6.64745 10.4985L10.5175 6.64122L7.69712 3.83011C8.82894 3.76643 9.96988 4.16671 10.837 5.02187C11.8228 6.0044 12.197 7.35992 11.9688 8.62447C11.8593 9.27039 11.5855 9.87082 11.1656 10.4076L19.7911 19.0047L18.9879 19.8143Z",
    fill: getObjectValue(props.theme.colors, props.iconColor, props.theme.colors.grey.deep)
  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
    id: "clip0_2140_5879"
  }, /*#__PURE__*/React.createElement("rect", {
    width: "24",
    height: "24",
    fill: "white"
  })))));
};
ToolIcon.propTypes = {
  iconColor: PropTypes.string
};
ToolIcon.__docgenInfo = {
  "description": "",
  "methods": [],
  "displayName": "ToolIcon",
  "props": {
    "iconColor": {
      "type": {
        "name": "string"
      },
      "required": false,
      "description": ""
    }
  }
};
var ToolIcon$1 = withTheme(ToolIcon);

export default ToolIcon$1;
