import 'minireset.css';

import React from 'react';
import { render } from 'react-dom';
import AppContainer from './view/App.container';
import { Router } from 'react-router-dom';
import history from 'router/history';
import styled from 'styled-components';
import { fakeTopMenuList } from './view/fakeMenuList';
import ComponentMap from './view/componentMap';
//开启热更新
process.env.NODE_ENV === 'development' && module.hot && module.hot.accept();

const DescriptionComponent = styled.div`
    padding: 10px 0 5px 27px;
    color: #FFF;
    h2 {
        font-size: 1.5em;
        color: #FFF;
        font-weight: bold;
        padding-bottom: 5px;
    }
    p:last-child {
        color: #C9C9C9;
        font-size: 12px;
    }

`;

render(
    <Router history={history}>
        <AppContainer
            history={history}
            list={fakeTopMenuList}
            componentMap={ComponentMap}
            selfCode="ccp-work-report"
            systemDescription={
                <DescriptionComponent>
                    <h2>CCP-SITE</h2>
                    <p>Randomization and Trial</p>
                    <p>Supply Management</p>
                    <p>version 1</p>
                </DescriptionComponent>
            }
        />
    </Router> ,
    document.getElementById('root')
);