import '../styles/globals.css';
import type { AppProps } from 'next/app';
import Image from 'next/future/image';
import config from '../config';

function MyApp({ Component, pageProps }: AppProps) {
  return (
    <>
      <a href="/" style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', textDecoration: 'none', marginBottom: '12px' }}>
        <Image src={config.CDN + config.paths.logo} width={128} height={128} alt="logo" />
        <h1>{config.title}</h1>
      </a>
      <Component {...pageProps} />
    </>
  )
}

export default MyApp;
