components/Account/MyAccount.js

/**
 * @module Account/MyAccount
 */
import React from 'react';
/**
 * @typedef {object} props
 * @property {string} className
 * @property {boolean} isAccountOpen
 * @property {number} userAmount
 * @property {Function} toggleAccount
 */
/**
 * Render
 *
 * @param {props} props
 * @returns {view}
 */
export default (props) => (
  <div
    className={`${props.className} account d-flex align-items-center justify-content-end ${props.isAccountOpen ? 'open' : ''}`}
    onClick={props.toggleAccount}
  >
    <div className="account__info">
      <small className="account__info-item"> My Account </small>
      <div className="account__info-number">
        {props.userAmount}
        {' '}
        {props.currencySymbol}
      </div>
    </div>
    <div className="account__logo">
      <div className="account__logo-img">
        <i className={`icon-${props.isAccountOpen ? 'close' : 'account'}`} />
      </div>
    </div>
  </div>
);