/* eslint-disable @typescript-eslint/no-explicit-any */
import styles from './modal.module.scss'

interface ConversionRateModalProps {
  handleModalClose: any;
  conversion: any;
  convertedResult: any;
}

const ConversionRateModal = ({
  handleModalClose,
  conversion,
  convertedResult,
}: ConversionRateModalProps) => {
  const { currency, amount } = conversion
  return (
    <div className={styles['dash__modal']}>
      <div className={styles['dash__modal__content']}>
        <div onClick={handleModalClose} className={styles['dash__modal__content--close']}>
          Close
        </div>
        <div className={styles['dash__modal__content--details']}>
          <div className={styles['dash__modal__content--details--header']}>
            <h2>Conversion Summary</h2>
            <p>
              This is the result of {amount} {currency} conversion to BTC. Conversion is powered by
              Blockchain.com APIs
            </p>
          </div>
          <div className={styles['dash__modal__content--details--results']}>
            <p>
              <strong>Result</strong> <br /> {amount} {currency} will get you{' '}
              <strong>{convertedResult}BTC</strong> when converted. Rate is updated every 15 minutes
              according to market data. Kindly contact your account manager if you need any
              assistance.
            </p>
          </div>
        </div>
      </div>
    </div>
  )
}

export default ConversionRateModal