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 FacebookIcon = function FacebookIcon(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: "M4.53324 2.40002C3.3567 2.40002 2.3999 3.35682 2.3999 4.53336V19.4667C2.3999 20.6432 3.3567 21.6 4.53324 21.6H11.5957H14.5749H19.4666C20.6431 21.6 21.5999 20.6432 21.5999 19.4667V4.53336C21.5999 3.35682 20.6431 2.40002 19.4666 2.40002H4.53324ZM4.53324 4.53336H19.4666L19.4687 19.4667H14.5749V15.2375H17.0978L17.4728 12.3313H14.5916V10.4792C14.5916 9.63866 14.8258 9.07086 16.0312 9.07086H17.5541V6.47711C16.8127 6.40137 16.0684 6.36456 15.3228 6.36669C13.1106 6.36669 11.5957 7.71692 11.5957 10.1959V12.3354H9.09574V15.2417H11.5957V19.4667H4.53324V4.53336Z",
    fill: getObjectValue(props.theme.colors, props.iconColor, props.theme.colors.grey.deep)
  })));
};
FacebookIcon.propTypes = {
  iconColor: PropTypes.string
};
FacebookIcon.__docgenInfo = {
  "description": "",
  "methods": [],
  "displayName": "FacebookIcon",
  "props": {
    "iconColor": {
      "type": {
        "name": "string"
      },
      "required": false,
      "description": ""
    }
  }
};
var FacebookIcon$1 = withTheme(FacebookIcon);

export default FacebookIcon$1;
