ConfirmDialog.razor

<ModalDialog @ref="ModalDialog" Title="@Title">
    <h3>@Content</h3>
    <div class="d-flex justify-content-end gap-2 mt-4">
	    <button id="ok" @onclick="OnYesButtonPressed" type="button" class="btn btn-primary w-100">Ok</button>
	    <button id="cancel" @onclick="OnNoButtonPressed" type="button" class="btn btn-secondary w-100" >Cancel</button>
    </div>
</ModalDialog>

@code {
    [Parameter, EditorRequired]
    public required string Title { get; set; }

    [Parameter, EditorRequired]
    public required string Content { get; set; }

    [Parameter]
    public EventCallback OnYesPressed { get; set; }

    private ModalDialog ModalDialog { get; set; } = default!;

    private async Task OnYesButtonPressed()
    {
        ModalDialog.Close();
        await OnYesPressed.InvokeAsync();
    }

    public void Open()
    {
        ModalDialog.Open();
    }

    private void OnNoButtonPressed()
    {
        ModalDialog.Close();
    }
}