/* eslint-disable @typescript-eslint/no-explicit-any */
import styles from './notice-card.module.scss'
import { MdNotificationsActive } from 'react-icons/md'

interface NotificationCardProps {
  message: any;
}

const NotificationCard = ({ message }: NotificationCardProps) => {
  return (
    <div className={styles['notice__card']}>
      <div className={styles['notice__card__icon']}>
        <MdNotificationsActive />
      </div>
      <div className={styles['notice__card__text']}>
        <h5>{message?.title}</h5>
        <p>{message?.details}</p>
      </div>
    </div>
  )
}

export default NotificationCard