<MudCard Class="mx-3 my-1 rounded-md" Elevation="2">
    <div class="flex flex-row">
        <div class="bg-[--color-primary] rounded-r-lg w-2"></div>
        <MudStack class="grow mx-3.5 my-4">
            <div class="flex flex-row">
                <p class="font-extrabold font-iranyekan text-base my-auto text-[#37966F]">@MedicalHistory.Name</p>

                <MudPaper Elevation="0"
                          class="bg-[#FFDACF] text-[#D03405] rounded-full py-0.5 px-3 my-auto mr-auto text-xs font-iranyekan">
                    <p>@MedicalHistory.CC در بخش @MedicalHistory.Section</p>
                </MudPaper>
            </div>
            <MudGrid Row="true" Class="items-center justify-stretch">

                <MudItem xs="4">
                    <MudPaper Elevation="0" Class="bg-gray-200 text-center rounded-full py-0.5 px-3 text-gray-700 text-xs">
                        @MedicalHistory.Aag ساله
                    </MudPaper>
                </MudItem>
                <MudItem xs="4">
                    <MudPaper Elevation="0" Class="bg-gray-200 text-center rounded-full py-0.5 px-3 text-gray-700 text-xs">
                        @MedicalHistory.Gender.ToString()
                    </MudPaper>
                </MudItem>
                <MudItem xs="4">
                    <MudPaper Elevation="0" Class="bg-gray-200 text-center rounded-full py-0.5 px-3 text-gray-700 text-xs">
                        @MedicalHistory.Section
                    </MudPaper>
                </MudItem>
            </MudGrid>
        </MudStack>
    </div>
</MudCard>




@code {

    [Parameter]
    public MedicalHistory MedicalHistory { get; set; } = new();

}