import React from 'react';

import {
    BrowserRouter,
    Route,
    NavLink,
    Switch
} from 'react-router-dom';

import Home from './Home'
import User from './User'
import Profile from './Profile'
import Login from './Login'
import PrivateRouter from './PrivateRouter';
import TipButton from './TipButton';
import NotFound from './NotFound';


export default (
    <BrowserRouter>
        <div>
            <div className="full-container">
                <div className="container">
                    <TipButton/>
                </div>
                <nav className="navbar navbar-dark bg-primary">
                    <div className="col-4">
                        <div className="navbar-brand">牧码人BOSS管理</div>
                    </div>
                    <div className="col-8">
                        <ul className="navbar-nav flex-row">
                            <li className="mx-3">
                                <NavLink className="nav-link" to="/home" activeClassName="active">首页</NavLink>
                            </li>
                            <li className="mx-3">
                                <NavLink className="nav-link" to="/user" activeClassName="active">学员管理</NavLink>
                            </li>
                            <li className="mx-3">
                                <NavLink className="nav-link" to="/profile" activeClassName="active">个人设置</NavLink>
                            </li>
                        </ul>
                    </div>
                </nav>
            </div>
            <div className="container mt-3">
                <Switch>
                    <Route path="/home" component={Home} />
                    <Route path="/user" component={User} />
                    <Route path="/login" component={Login} />
                    {/* <Route path="/profile" component={Profile} /> */}
                    <PrivateRouter path="/profile" component={Profile} />
                    <Route component={NotFound} />
                </Switch>
                
            </div>
        </div>
    </BrowserRouter>
)