/* eslint-disable @typescript-eslint/no-explicit-any */

import styles from './read-message.module.scss'

interface ReadMessageProps {
  message: any;
  closeModal: any;
}

const ReadMessage = ({ message, closeModal }: ReadMessageProps) => {
  const { title } = message
  return (
    <div className={styles['dash__modal']}>
      <div className={styles['dash__modal__content']}>
        <div onClick={closeModal} className={styles['dash__modal__content--close']}>
          Close
        </div>
        <div className={styles['dash__modal__content--details']}>
          <div className={styles['dash__modal__content--details--header']}>
            <div className={styles['dash__modal__content--details--header--helper']}>
              See Message Details
            </div>
            <h2>{title}</h2>
            {/* <p>{content}</p> */}
            <p>
              Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci non ipsa eos quidem
              neque totam quod, voluptates nulla fuga error ducimus molestiae commodi accusantium
              quibusdam!
            </p>
          </div>

          <div className={styles['dash__modal__content--details--instruction']}>
            <p>
              <strong>Response Guide</strong> <br /> You can respond to this message by sending a
              mail to support@traderplus.com or talking to your account manager via chat.
            </p>
          </div>
        </div>
      </div>
    </div>
  )
}

export default ReadMessage