import { IconDefinition } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'

type Props = {
  title?: string,
  icon: IconDefinition,
  description: string,
  animation?: string,
}

function Loader(props: Readonly<Props>) {
  return <div className='loader'>
    <h1>{props.title ?? 'Prosím čekejte...'}</h1>
    <FontAwesomeIcon icon={props.icon} className={`loader-icon mb-3 ` + (props.animation ?? '')} />
    <p>{props.description}</p>
  </div>
}

export default Loader;
