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 ArrowLeftIconV3 = function ArrowLeftIconV3(props) {
  return React.createElement(IconWrapper, props, React.createElement("svg", {
    width: "24",
    height: "24",
    viewBox: "0 0 24 24",
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg"
  }, React.createElement("path", {
    d: "M11.5118 4.93934C10.861 4.35355 9.80569 4.35355 9.15482 4.93934L2.48816 10.9393C1.83728 11.5251 1.83728 12.4749 2.48816 13.0607L9.15482 19.0607C9.8057 19.6464 10.861 19.6464 11.5118 19.0607C12.1627 18.4749 12.1627 17.5251 11.5118 16.9393L7.69036 13.5H20.3333C21.2538 13.5 22 12.8284 22 12C22 11.1716 21.2538 10.5 20.3333 10.5H7.69035L11.5118 7.06066C12.1627 6.47487 12.1627 5.52513 11.5118 4.93934Z",
    fill: getObjectValue(props.theme.colors, props.iconColor, props.theme.colors.grey.deep)
  })));
};

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

export default ArrowLeftIconV3$1;
