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 EducationIcon = function EducationIcon(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_5867)"
  }, /*#__PURE__*/React.createElement("path", {
    d: "M12 3L2 9.06742L5.63636 11.2719C5.63636 11.2719 5.63636 16.5101 5.63636 17.3393C5.63636 18.1685 8.81818 21 12 21C15.1818 21 18.3636 18.1685 18.3636 17.3393C18.3636 16.5101 18.3636 11.2719 18.3636 11.2719L20.1818 10.1697V17.1573H22V9.06742L12 3ZM18.2 9.06742L12 12.8292L5.8 9.06742L12 5.30562L18.2 9.06742ZM16.5455 16.136C16.5455 17.1573 13.8182 18.8966 12 18.8966C10.1818 18.8966 7.45455 16.6517 7.45455 16.136C7.45455 15.6202 7.45455 12.3742 7.45455 12.3742L12 15.1348L16.5455 12.3742C16.5455 12.3742 16.5455 15.1146 16.5455 16.136Z",
    fill: getObjectValue(props.theme.colors, props.iconColor, props.theme.colors.grey.deep)
  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
    id: "clip0_2140_5867"
  }, /*#__PURE__*/React.createElement("rect", {
    width: "24",
    height: "24",
    fill: "white"
  })))));
};
EducationIcon.propTypes = {
  iconColor: PropTypes.string
};
EducationIcon.__docgenInfo = {
  "description": "",
  "methods": [],
  "displayName": "EducationIcon",
  "props": {
    "iconColor": {
      "type": {
        "name": "string"
      },
      "required": false,
      "description": ""
    }
  }
};
var EducationIcon$1 = withTheme(EducationIcon);

export default EducationIcon$1;
