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 CallIcon = function CallIcon(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_5897)"
  }, /*#__PURE__*/React.createElement("path", {
    d: "M5.93333 4.22222C6 5.21111 6.16667 6.17778 6.43333 7.1L5.1 8.43333C4.64444 7.1 4.35556 5.68889 4.25556 4.22222H5.93333ZM16.8889 17.5778C17.8333 17.8444 18.8 18.0111 19.7778 18.0778V19.7333C18.3111 19.6333 16.9 19.3444 15.5556 18.9L16.8889 17.5778ZM7 2H3.11111C2.5 2 2 2.5 2 3.11111C2 13.5444 10.4556 22 20.8889 22C21.5 22 22 21.5 22 20.8889V17.0111C22 16.4 21.5 15.9 20.8889 15.9C19.5111 15.9 18.1667 15.6778 16.9222 15.2667C16.8111 15.2222 16.6889 15.2111 16.5778 15.2111C16.2889 15.2111 16.0111 15.3222 15.7889 15.5333L13.3444 17.9778C10.2 16.3667 7.62222 13.8 6.02222 10.6556L8.46667 8.21111C8.77778 7.9 8.86667 7.46667 8.74444 7.07778C8.33333 5.83333 8.11111 4.5 8.11111 3.11111C8.11111 2.5 7.61111 2 7 2Z",
    fill: getObjectValue(props.theme.colors, props.iconColor, props.theme.colors.grey.deep)
  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
    id: "clip0_2140_5897"
  }, /*#__PURE__*/React.createElement("rect", {
    width: "24",
    height: "24",
    fill: "white"
  })))));
};
CallIcon.propTypes = {
  iconColor: PropTypes.string
};
CallIcon.__docgenInfo = {
  "description": "",
  "methods": [],
  "displayName": "CallIcon",
  "props": {
    "iconColor": {
      "type": {
        "name": "string"
      },
      "required": false,
      "description": ""
    }
  }
};
var CallIcon$1 = withTheme(CallIcon);

export default CallIcon$1;
