@if (SelectedCellDetail is not null)
{
    <div class="tables-inspector-sheet" role="dialog" aria-modal="true" aria-label="Selected result inspector">
        <button type="button" class="tables-inspector-sheet-backdrop" @onclick="OnClose"></button>

        <section class="tables-inspector-sheet-panel">
            <div class="tables-inspector-sheet-handle" aria-hidden="true"></div>
            <header class="tables-inspector-sheet-header">
                <div>
                    <p class="tables-page-eyebrow">Selected Result</p>
                    <h2 class="panel-title">Mobile Inspector</h2>
                </div>
                <button type="button" class="btn btn-link" @onclick="OnClose">Close</button>
            </header>

            <div class="tables-inspector-sheet-body">
                <TablesInspectorContent SelectedCellDetail="SelectedCellDetail" />
            </div>
        </section>
    </div>
}

@code {
    [Parameter]
    public CriticalTableCellDetail? SelectedCellDetail { get; set; }

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