import React from 'react';
import MainPage from "./MainPage";
import FirstPage from "./FirstPage";
import ExamplePage from "./example/ExamplePage";
import ExampleBhPage from "./example/ExampleBhPage";
import ExampleCustomToolbarPage from "./example/ExampleCustomToolbarPage";
import ExampleI18nPage from "./example/ExampleI18nPage";
import ExampleBlcPage from "./example/ExampleBlcPage";
import ExampleBpPage from "./example/ExampleBpPage";
import ExampleFwyPage from "./example/ExampleFwyPage";
import ExampleLayerPage from "./example/ExampleLayerPage";
import ExampleDrawPage from "./example/ExampleDrawPage";
import ExampleToolsPage from "./example/ExampleToolsPage";
import ExampleHideToolBarPage from "./example/ExampleHideToolBarPage";
import DocPage from "./DocPage";
import TestPage from "./TestPage";
import AboutUsPage from "./AboutUsPage";
import {Redirect, Route, HashRouter as Router, Switch} from "react-router-dom";
import ExampleDefaultSelectPage from "./example/ExampleDefaultSelectPage";
import ExampleFlyPage from "./example/ExampleFlyPage";
import ExampleDynamicDlcPage from "./example/ExampleDynamicBlcPage";

function App() {
    return (
        <Router>
            <MainPage>
                <Switch>
                    <Route path="/index" exact component={FirstPage}/>
                    <Route path="/example" exact component={ExamplePage}></Route>
                    <Route path="/example/bh" exact component={ExampleBhPage}/>
                    <Route path="/example/customToolBar" exact component={ExampleCustomToolbarPage}/>
                    <Route path="/example/i18n" exact component={ExampleI18nPage}/>
                    <Route path="/example/blc" exact component={ExampleBlcPage}/>
                    <Route path="/example/bp" exact component={ExampleBpPage}/>
                    <Route path="/example/fwy" exact component={ExampleFwyPage}/>
                    <Route path="/example/layer" exact component={ExampleLayerPage}/>
                    <Route path="/example/draw" exact component={ExampleDrawPage}/>
                    <Route path="/example/tools" exact component={ExampleToolsPage}/>
                    <Route path="/example/hideToolBar" exact component={ExampleHideToolBarPage}/>
                    <Route path="/example/defaultSelect" exact component={ExampleDefaultSelectPage}/>
                    <Route path="/example/fly" exact component={ExampleFlyPage}/>
                    <Route path="/example/dynamicBlc" exact component={ExampleDynamicDlcPage}/>
                    <Route path="/doc" exact component={DocPage}/>
                    <Route path="/doc/:page" exact component={DocPage}/>
                    <Route path="/test" exact component={TestPage}/>
                    <Route path="/aboutUs" exact component={AboutUsPage}/>
                    <Redirect from="/" to="/doc" exact/>
                </Switch>
            </MainPage>
        </Router>
    );
}

export default App;