@inherits LayoutComponentBase

<FluentToastProvider />
<FluentDialogProvider />
<FluentTooltipProvider />
<FluentMessageBarProvider />

<FluentLayout>
    <FluentHeader>
        BlazorFluentUI
    </FluentHeader>
    <FluentStack Class="main" Orientation="Orientation.Horizontal" Width="100%">
        <NavMenu />
        <FluentBodyContent Class="body-content">
            <div class="content">
                <FluentMessageBarProvider Section="MESSAGES_TOP" />
                @Body
            </div>
        </FluentBodyContent>
        <FluentDialogProvider />
        <FluentToastProvider MaxToastCount="10" />
    </FluentStack>
    <FluentFooter>
        <FluentIcon Class="me-1" Value="@(new Icons.Regular.Size16.EmojiLaugh())"/>This site is powered by Blazor and MS Fluent UI
        <FluentSpacer />
        ⓒ Peace
    </FluentFooter>
</FluentLayout>

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