import React, { Suspense, useEffect, useState } from 'react'
import { banner } from '../../types'
import Styles from "./Banner.module.css"


const BannerImg: React.FC<banner> = ({ src, alt }) => {
    return (
        <div className={Styles.banner}>
            <Suspense fallback="Loading...">
                <img src={src} alt={alt} loading='lazy' className={Styles["banner-img"]} />
            </Suspense>
        </div>

    )
}

export default BannerImg