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 AccountBalanceIcon = function AccountBalanceIcon(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: "M20.9474 7.28V5C20.9474 3.9 20 3 18.8421 3H4.10526C2.93684 3 2 3.9 2 5V19C2 20.1 2.93684 21 4.10526 21H18.8421C20 21 20.9474 20.1 20.9474 19V16.72C21.5684 16.37 22 15.74 22 15V9C22 8.26 21.5684 7.63 20.9474 7.28ZM19.8947 9V15H12.5263V9H19.8947ZM4.10526 19V5H18.8421V7H12.5263C11.3684 7 10.4211 7.9 10.4211 9V15C10.4211 16.1 11.3684 17 12.5263 17H18.8421V19H4.10526Z",
    fill: getObjectValue(props.theme.colors, props.iconColor, props.theme.colors.grey.deep)
  }), /*#__PURE__*/React.createElement("path", {
    d: "M16.4444 13.5C17.3649 13.5 18.1111 12.8284 18.1111 12C18.1111 11.1716 17.3649 10.5 16.4444 10.5C15.524 10.5 14.7778 11.1716 14.7778 12C14.7778 12.8284 15.524 13.5 16.4444 13.5Z",
    fill: getObjectValue(props.theme.colors, props.iconColor, props.theme.colors.grey.deep)
  })));
};
AccountBalanceIcon.propTypes = {
  iconColor: PropTypes.string
};
AccountBalanceIcon.__docgenInfo = {
  "description": "",
  "methods": [],
  "displayName": "AccountBalanceIcon",
  "props": {
    "iconColor": {
      "type": {
        "name": "string"
      },
      "required": false,
      "description": ""
    }
  }
};
var AccountBalanceIcon$1 = withTheme(AccountBalanceIcon);

export default AccountBalanceIcon$1;
