'use strict';

import React, { useEffect } from 'react';
import Layout from './layout';
import Auth from './sections/auth';
import Report from './sections/report';
import Example from './sections/example';
import Quanju from './sections/quanju';
import Organization from './sections/organization'
import Middleground from './sections/middleground';
import Fillion from './sections/fillion'


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

    useEffect(() => {
        document.title = projectName;
    }, [])

    return (
        <Layout
            title={projectName}
            sections={[Middleground, Auth, Organization, Report, Fillion, Example, Quanju]}
        />
    )
}

export default App;