@use crate::templates::{layouts::root, nav::nav};
@use hyaenidae_accounts::LogoutState;
@use hyaenidae_toolkit::{templates::{centered, link}, Link};

@(title: &str, description: &str, logout_opt: &Option<LogoutState>, head: Content, body: Content)

@:root(title, description, { @:head() }, {
    <div class="top-bar">
        <div class="top-bar--left">
            <h2>@title</h2>
        </div>
        <div class="top-bar--right">
            @:nav(logout_opt)
        </div>
    </div>
    <div class="top-bar__mobile">
        <h2>@title</h2>
        <h3>@:link(&Link::current_tab("/nav"), { Nav })</h3>
    </div>
    <div class="home-content">
        @:centered(false, {
            @:body()
        })
    </div>
})