'use strict';

import React, { useEffect } from 'react';
import Layout from './layout';
import Auth from './sections/auth';
import Example from './sections/example';
import Example1 from './sections/example1';
import Problem from './sections/problem';
import NoMatch from './sections/noMatch';
import Console from './sections/console';

const App = props => {
   const { projectName } = props

   useEffect(() => {
      document.title = projectName;

      console.log(`
                    _  _
      　　　 　　 ／＞　　フ
      　　　 　　| 　_　 _ l
      　 　　 　／\` ミ＿xノ
      　　 　 /　　　 　 |
      　　　 /　 ヽ　　 ﾉ
      　 　 │　　|　|　|
      　／￣|　　 |　|　|
      　| (￣ヽ＿_ヽ_)__)
      　＼二つ ​
      `);
   }, [])

   return (
      <Layout
         title={projectName}
         sections={[
            Example,Example1,Problem,
            Auth, NoMatch,Console
         ]}
      />
   )
}

export default App;