import vectorThrobbing from '../../vectors/throbber.svg'
import './styles/FooterLoading.css'

interface PropsForFooterLoading {
    reason: string | undefined
}

export default function FooterLoading({ reason }: PropsForFooterLoading) {
    return (
        <div className="footer-loading">
            <span className="text">{(reason ?? 'Loading').toUpperCase()}</span>
            <img className="icon" src={vectorThrobbing} />
        </div>
    )
}
