/* eslint-disable @typescript-eslint/no-explicit-any */
import styles from './blog.module.scss'
import blogImg from '../../../../images/blog-img.jpg'
import { FaArrowRightLong } from 'react-icons/fa6'

const Blog = ({ blog }: any) => {
  const { title, category, date } = blog
  return (
    <div className={styles['blog']}>
      <img src={blogImg} alt="Thumbnail" />
      <div className={styles['blog__body']}>
        <span>{category}</span>
        <h3>{title}</h3>
        <p>{date}</p>
        <h6>
          <span></span>
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Learn More &nbsp;{' '}
          <FaArrowRightLong />
        </h6>
      </div>
    </div>
  )
}

export default Blog