ResuMe/Resume.Blazor/Components/ItemTemplate/ToolsItemTemplate.razor

<div class="bg-[#2E2E48] justify-center py-7 px-5 rounded-md h-full">
    <img src="@ImageSrc" class="mb-4 mx-auto w-16 h-16 rounded-md" />
    <div class="my-auto">
        <p class="text-center text-white">@Name</p>
        @* <p class="text-center text-gray-400 text-[0.8rem]">@ExperiencePeriod Years Experience</p> *@
    </div>
    <div class="mx-auto items-center content-center w-fit">
        
        <MudRating class="mt-2 mx-auto" Disabled="true" ReadOnly="true" Color="Color.Info" SelectedValue="@ExperiencePeriod" />
    </div>
</div>
@code
{
    [Parameter] public string Name { get; set; }
    [Parameter] public int ExperiencePeriod { get; set; }
    [Parameter] public string ImageSrc { get; set; }

}