import styles from 'styles/Main.module.scss'
import React from 'react'
import {FontAwesomeIcon} from '@fortawesome/react-fontawesome'
import {faBan, faSpinner} from '@fortawesome/free-solid-svg-icons'

const Splash = ({type, fixed = false}) => (
  <div className={`${type === 'connection' ? styles.connection : styles.loader} ${fixed ? styles.fixed : ''}`}>
    <FontAwesomeIcon icon={type === 'connection' ? faBan : faSpinner} />
    <p>{type === 'connection' ? 'No connection' : 'Loading...'}</p>
  </div>
)

export default Splash