@inherits LayoutComponentBase


<MudLayout>
    <MudAppBar Color="Color.Transparent" Fixed="true" Elevation="0">
        <MudToggleIconButton @bind-Toggled="_drawerOpen"
                             Icon="@Icons.Material.Filled.Menu"
                             ToggledIcon="@Icons.Material.Filled.Menu"
                             Color="Color.Inherit" Edge="Edge.Start" />
        <MudImage Src="images/header-logo.png" Width="256"></MudImage>
        <MudSpacer />
        <MudToggleIconButton @bind-Toggled="@_isDarkMode"
                             Icon="@Icons.Material.Filled.DarkMode"
                             ToggledIcon="@Icons.Material.Filled.LightMode"
                             Color="Color.Default"
                             ToggledColor="Color.Default"
                             />
        <MudIconButton Icon="@Icons.Custom.Brands.GitHub" Color="Color.Inherit" />
    </MudAppBar>
    <MudDrawer Color="Color.Surface" @bind-Open="_drawerOpen" ClipMode="DrawerClipMode.Always" Elevation="0">
        @* <MudDrawerHeader> *@
        @*     <MudText Typo="Typo.h6">导航</MudText> *@
        @*     </MudDrawerHeader> *@
        <NavMenu/>
    </MudDrawer>
    <MudMainContent Class="mt-16 pa-4" >
        @Body
    </MudMainContent>
</MudLayout>

<MudThemeProvider @bind-IsDarkMode="@_isDarkMode"/>
<MudDialogProvider/>
<MudSnackbarProvider/>

@code {
    private MudTheme Theme = new MudTheme();
    private bool _drawerOpen = true;
    private bool _isDarkMode;

    private void DrawerToggle()
    {
        _drawerOpen = !_drawerOpen;
    }
}