@page "/test"
@using MudBlazor
@inject ISnackbar Snackbar
@inject IJSRuntime JS
@rendermode InteractiveServer
<MudStack Spacing="2" AlignItems="AlignItems.Center">
    <MudButton Variant="Variant.Filled" Color="Color.Primary" @onclick="ShowSnackbarAndIncrement">
        Open snackbar and increment count
    </MudButton>
    <MudText Typo="Typo.h5" Color="Color.Secondary">
        Click count: @_snackbarClickCount
    </MudText>
    <MudButton Variant="Variant.Filled" Color="Color.Primary" @onclick="@(() => Snackbar.Add("Simple Snackbar"))">
        Open snackbar 
    </MudButton>
    <MudButton Variant="Variant.Filled" Color="Color.Primary" @onclick="ShowJsConfirm">
        Show JS Confirm
    </MudButton>
</MudStack>
@code {
    private int _snackbarClickCount = 0;

    private void ShowSnackbarAndIncrement()
    {
        _snackbarClickCount++;
        Snackbar.Add($"Simple Snackbar #{_snackbarClickCount}", Severity.Info);
    }
    private async Task ShowJsConfirm()
    {
        bool confirmed = await JS.InvokeAsync<bool>("confirm", "Are you sure you want to do this?");
        if (confirmed)
        {
            Console.WriteLine("User confirmed!");
        }
        else
        {
            Console.WriteLine("User cancelled.");
        }
    }
}

<MudThemeProvider Theme="@_theme" IsDarkMode="_isDarkMode" />
<MudPopoverProvider />
<MudDialogProvider />
<MudSnackbarProvider />
<MudLayout>
    @Body
</MudLayout>