<MudPaper Class="admin-page-hero" Elevation="0" Outlined="true">
    <MudStack Row="true" Wrap="Wrap.Wrap" AlignItems="AlignItems.Center" Justify="Justify.SpaceBetween" Spacing="3">
        <div>
            @if (!string.IsNullOrWhiteSpace(Eyebrow))
            {
                <MudText Typo="Typo.caption" Class="admin-eyebrow">@Eyebrow</MudText>
            }
            <MudText Typo="Typo.h4" Class="admin-page-title">@Title</MudText>
            @if (!string.IsNullOrWhiteSpace(Subtitle))
            {
                <MudText Typo="Typo.body2" Class="admin-page-subtitle">@Subtitle</MudText>
            }
        </div>
        @if (ChildContent is not null)
        {
            <div>@ChildContent</div>
        }
    </MudStack>
</MudPaper>

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

    [Parameter]
    public string? Eyebrow { get; set; }

    [Parameter]
    public string? Subtitle { get; set; }

    [Parameter]
    public RenderFragment? ChildContent { get; set; }
}
