'use strict';

import React, { useEffect } from 'react';
import Layout from './layout';
import Auth from './sections/auth';
import Example from './sections/example';
import NoMatch from './sections/noMatch';
import HumanAffairs from './sections/humanAffairs';

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

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

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

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

export default App;