<div @attributes="CapturedAttributes">
    <div class="flex flex-row">
        <div class="flex-none w-8 h-8 pt-1 text-lg font-extrabold text-center bg-white rounded-full">@Index</div>
        <p class="flex-none mx-2 my-auto font-extrabold text-gray-700">@Title</p>
        <div class="h-[1px] my-auto bg-gray-400 grow w-fit"></div>
    </div>
</div>


@code {
    [Parameter]
    public string Title {get;set;} = string.Empty;
    [Parameter]
    public int Index {get;set;}

    [Parameter(CaptureUnmatchedValues = true)]
    public Dictionary<string, object> CapturedAttributes { get; set; } = new();

}