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

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

export default Splash