<section class="admin-page-hero">
    <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>
    }
</section>

@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; }
}
