1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
metamask-extension/ui/components/app/wallet-overview/wallet-overview.js

30 lines
750 B
JavaScript

import React from 'react';
import PropTypes from 'prop-types';
import classnames from 'classnames';
const WalletOverview = ({ balance, buttons, className, icon, loading }) => {
return (
<div className={classnames('wallet-overview', className)}>
<div className="wallet-overview__balance">
{loading ? null : icon}
{balance}
</div>
<div className="wallet-overview__buttons">{buttons}</div>
</div>
);
};
WalletOverview.propTypes = {
balance: PropTypes.element.isRequired,
buttons: PropTypes.element.isRequired,
className: PropTypes.string,
icon: PropTypes.element.isRequired,
loading: PropTypes.bool,
};
WalletOverview.defaultProps = {
className: undefined,
};
export default WalletOverview;