mod topbar;

use yew::prelude::*;
use yew_router::prelude::*;
use topbar::TopBar;

#[derive(Clone, Routable, PartialEq)]
enum Route {
    #[at("/")]
    Home,
    #[at("/services")]
    Services,
    #[at("/community")]
    Community,
    #[at("/about")]
    About,
    #[not_found]
    #[at("/404")]
    NotFound,
}

fn switch(routes: Route) -> Html {
    match routes {
        Route::Home => html! { <h1>{ "Home" }</h1> },
        Route::Services => html! {<h1>{ "Services" }</h1>},
        Route::Community => html! {<h1>{ "Community" }</h1>},
        Route::About => html! {<h1>{ "About" }</h1>},
        Route::NotFound => html! { <h1>{ "404" }</h1> },
    }
}

#[function_component]
fn App() -> Html {
    html! {
        <div>
            <TopBar/>
            <main>
                <BrowserRouter>
                    <Switch<Route> render={switch} />
                </BrowserRouter>
            </main>
        </div>
    }
}

fn main() {
    yew::Renderer::<App>::new().render();
}