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 ArrowLeftIconV2 = function ArrowLeftIconV2(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("path", {
    d: "M19.7778 2C20.3671 2 20.9324 2.23413 21.3491 2.65088C21.7659 3.06762 22 3.63285 22 4.22222L22 19.7778C22 20.3671 21.7659 20.9324 21.3491 21.3491C20.9324 21.7659 20.3671 22 19.7778 22L4.22222 22C3.63285 22 3.06762 21.7659 2.65088 21.3491C2.23413 20.9324 2 20.3671 2 19.7778L2 4.22222C2 2.98889 3 2 4.22222 2L19.7778 2ZM18.6667 10.8889L9.22222 10.8889L13.1111 7L11.5333 5.42222L4.95556 12L11.5333 18.5778L13.1111 17L9.22222 13.1111L18.6667 13.1111V10.8889Z",
    fill: getObjectValue(props.theme.colors, props.iconColor, props.theme.colors.grey.deep)
  })));
};
ArrowLeftIconV2.propTypes = {
  iconColor: PropTypes.string
};
ArrowLeftIconV2.__docgenInfo = {
  "description": "",
  "methods": [],
  "displayName": "ArrowLeftIconV2",
  "props": {
    "iconColor": {
      "type": {
        "name": "string"
      },
      "required": false,
      "description": ""
    }
  }
};
var ArrowLeftIconV2$1 = withTheme(ArrowLeftIconV2);

export default ArrowLeftIconV2$1;
