@inherits LayoutComponentBase

<PageTitle>MP.SPEC</PageTitle>

<div class="page">
    <div class="@sideClass">
        <NavMenu EC_compressUpdated="@UpdateNavDisplay" />
    </div>

    <main>
        <div class="top-row px-4 justify-content-between">
            <CmpTop></CmpTop>
        </div>
        <article class="content pt-0 m-2">
            @Body
        </article>
        <div class="fixed-bottom bottom-row px-2">
            <CmpFooter></CmpFooter>
        </div>
    </main>
</div>

@code {
    protected bool navLarge { get; set; } = true;

    protected string sideClass { get; set; } = "sidebar";

    protected void UpdateNavDisplay()
    {
        navLarge = !navLarge;
        sideClass = navLarge ? "sidebar" : "sidebarSmall";
    }
}