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 NotesIcon = function NotesIcon(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: "M13.3722 11.1483L13.9854 11.754L7.94627 17.7186H7.33303V17.1129L13.3722 11.1483ZM15.7719 7.18506C15.6052 7.18506 15.4319 7.25089 15.3053 7.37598L14.0854 8.58075L16.5851 11.0495L17.8049 9.84477C18.0649 9.58802 18.0649 9.17326 17.8049 8.91651L16.2451 7.37598C16.1118 7.24431 15.9452 7.18506 15.7719 7.18506ZM13.3722 9.28518L5.99988 16.5665V19.0353H8.49953L15.8718 11.754L13.3722 9.28518Z",
    fill: getObjectValue(props.theme.colors, props.iconColor, props.theme.colors.grey.deep)
  }), /*#__PURE__*/React.createElement("rect", {
    x: "3.83333",
    y: "5.05575",
    width: "16.3333",
    height: "16.1111",
    rx: "0.833333",
    stroke: getObjectValue(props.theme.colors, props.iconColor, props.theme.colors.grey.deep),
    strokeWidth: "1.66667"
  }), /*#__PURE__*/React.createElement("rect", {
    x: "6.75",
    y: "2",
    width: "1.5",
    height: "4.44445",
    fill: getObjectValue(props.theme.colors, props.iconColor, props.theme.colors.grey.deep)
  }), /*#__PURE__*/React.createElement("rect", {
    x: "9.75",
    y: "2",
    width: "1.5",
    height: "4.44445",
    fill: getObjectValue(props.theme.colors, props.iconColor, props.theme.colors.grey.deep)
  }), /*#__PURE__*/React.createElement("rect", {
    x: "12.7499",
    y: "2",
    width: "1.5",
    height: "4.44445",
    fill: getObjectValue(props.theme.colors, props.iconColor, props.theme.colors.grey.deep)
  }), /*#__PURE__*/React.createElement("rect", {
    x: "15.7499",
    y: "2",
    width: "1.5",
    height: "4.44445",
    fill: getObjectValue(props.theme.colors, props.iconColor, props.theme.colors.grey.deep)
  })));
};
NotesIcon.propTypes = {
  iconColor: PropTypes.string
};
NotesIcon.__docgenInfo = {
  "description": "",
  "methods": [],
  "displayName": "NotesIcon",
  "props": {
    "iconColor": {
      "type": {
        "name": "string"
      },
      "required": false,
      "description": ""
    }
  }
};
var NotesIcon$1 = withTheme(NotesIcon);

export default NotesIcon$1;
