@inherits LayoutComponentBase

<Layout class="app-layout">
    <Header class="app-header">
        <div class="app-header-title">MegghysAPI</div>
    </Header>
    <Layout>
        <Sider Collapsible="true"
               Collapsed="@collapsed"
               OnCollapse="HandleCollapse"
               Width="220"
               Class="app-sider">
            <NavMenu InlineCollapsed="@collapsed" />
        </Sider>
        <Layout>
            <Content class="app-content">
                <div class="content">
                    @Body
                </div>
            </Content>
            <Footer class="app-footer">
                <a href="https://antblazor.com" target="_blank">Ant Design Blazor 文档</a>
                <span class="footer-spacer"></span>
                <a href="https://learn.microsoft.com/aspnet/core/blazor" target="_blank">About Blazor</a>
            </Footer>
        </Layout>
    </Layout>
</Layout>

<div id="blazor-error-ui" data-nosnippet>
    An unhandled error has occurred.
    <a href="." class="reload">Reload</a>
    <span class="dismiss">🗙</span>
</div>

@code {
    private bool collapsed;

    private void HandleCollapse(bool isCollapsed)
    {
        collapsed = isCollapsed;
    }
}