// CSS import
import '../css/App.css';

/**
 * Component that shows the program initially loading.
 * @returns The loading widget - spinning logo :)
 */
function Loading() {
  return (
    <div className="App Loading">
      <header className="App-header">
        <img src={"./logo512.png"} className="App-logo" alt="logo" />
        <h1 className="App-title">Loading WatchDogs</h1>
        <p className="App-title">It takes a minute to connect to the servers and database :)</p>
      </header>
    </div>
  );
}

export default Loading;