import * as React from 'react';
import { observer } from 'mobx-react';
import store from './store';
import './style.less';

const WorkbenchApp: React.FC = () => {
    const {
        state,
        init,
        reset
    } = store;
    const {
        pageLoading
    } = state;

    React.useEffect(() => {
        init();
        return () => reset();
    }, []);

    return (
        <div className='workbench'>
            <div className='workbench-top'>
                <div className='workbench-top-style'>
                    <div className='workbench-top-style-welcome'>
                        <div className='workbench-top-style-welcome-text'>
                        
                        </div>
                        <div className='workbench-top-style-welcome-picture'>

                        </div>
                    </div>
                    <div className='workbench-top-style-fast'></div>
                </div>
                <div className='workbench-top-weather'>

                </div>
            </div>
            <div className='workbench-bottom'></div>
        </div>
    );
};

export default observer(WorkbenchApp);