import vectorIconThrobber from '../../vectors/throbber.svg'
import './styles/HeaderLoading.css'

interface PropsForHeaderLoading {
    reason: string | undefined
}

export default function HeaderLoading({ reason }: PropsForHeaderLoading) {
    return (
        <div className="header-loading animation-fade-in">
            <img className="icon" src={vectorIconThrobber} />
            <span className="hint">{(reason ?? 'Loading').toUpperCase()}</span>
        </div>
    )
}