import React from 'react';
import { AppProps } from 'next/app';
import Head from 'next/head';
import { ReactComponent as NxLogo } from '../public/nx-logo-white.svg';
import './styles.<%= stylesExt %>';

function CustomApp({ Component, pageProps }: AppProps) {
  return (
    <>
      <Head>
        <title>Welcome to <%= name %>!</title>
      </Head>
      <div className="app">
        <header className="flex">
          <NxLogo width="75" height="50" />
          <h1>Welcome to <%= name %>!</h1>
        </header>
        <main>
          <Component {...pageProps}/>
        </main>
      </div>
    </>
  );
};

export default CustomApp;
