/* eslint-disable import/no-extraneous-dependencies */
/* eslint-disable react/forbid-prop-types */
/* eslint-disable camelcase */
import React from 'react';
import PropTypes from 'prop-types';

import useTranslate from '~hooks/useTranslate/useTranslate';
import styles from './banking.module.scss';

const Index = ({ min_deposit, max_withdrawal, currency }) => (
  <div className={styles?.contain || ''}>
    <div className={styles?.row || ''}>
      <p>{useTranslate('min_deposit', 'Min Deposit')}:</p>
      <strong>{min_deposit}</strong>
    </div>
    {max_withdrawal && (
      <div className={styles?.row || ''}>
        <p>{useTranslate('max_withdrawal', 'Max Withdrawal')}:</p>
        <strong>{max_withdrawal}</strong>
      </div>
    )}
    {currency && (
      <div className={styles?.row || ''}>
        <p>{useTranslate('currency_support', 'Currency Support')}:</p>
        <strong>{currency}</strong>
      </div>
    )}
  </div>
);
Index.propTypes = {
  currency: PropTypes.string,
  max_withdrawal: PropTypes.string,
  min_deposit: PropTypes.string,
};
export default Index;
