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 CloseIconV3 = function CloseIconV3(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: "M2.41842 2.41842C2.97631 1.86053 3.88083 1.86053 4.43872 2.41842L12 9.9797L19.5613 2.41842C20.1192 1.86053 21.0237 1.86053 21.5816 2.41842C22.1395 2.97631 22.1395 3.88083 21.5816 4.43872L14.0203 12L21.5816 19.5613C22.1395 20.1192 22.1395 21.0237 21.5816 21.5816C21.0237 22.1395 20.1192 22.1395 19.5613 21.5816L12 14.0203L4.43872 21.5816C3.88083 22.1395 2.97631 22.1395 2.41842 21.5816C1.86053 21.0237 1.86053 20.1192 2.41842 19.5613L9.9797 12L2.41842 4.43872C1.86053 3.88083 1.86053 2.97631 2.41842 2.41842Z",
    fill: getObjectValue(props.theme.colors, props.iconColor, props.theme.colors.grey.deep)
  })));
};
CloseIconV3.propTypes = {
  iconColor: PropTypes.string
};
CloseIconV3.__docgenInfo = {
  "description": "",
  "methods": [],
  "displayName": "CloseIconV3",
  "props": {
    "iconColor": {
      "type": {
        "name": "string"
      },
      "required": false,
      "description": ""
    }
  }
};
var CloseIconV3$1 = withTheme(CloseIconV3);

export default CloseIconV3$1;
