@using DocuMed.Domain.Dtos.SmallDtos
<MudCard @onclick="async ()=> await Clicked.InvokeAsync(MedicalHistory)" 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.FullName</p>
                <MudPaper Elevation="0" Class="bg-gray-200 text-center rounded-full mr-auto py-0.5 px-3 text-gray-700 text-xs">
                    سن : @MedicalHistory.Age ساله
                </MudPaper>
            </div>
            <MudGrid Row="true" Class="items-center justify-stretch">

                <MudItem xs="6">
                    <MudPaper Elevation="0"
                              class="bg-[#FFDACF] text-[#D03405] rounded-full text-center py-0.5 px-3 text-xs font-iranyekan">
                        <p>شکایت اصلی : @MedicalHistory.ChiefComplaint</p>
                    </MudPaper>
                </MudItem>
                <MudItem xs="6">
                    <MudPaper Elevation="0" Class="bg-gray-200 text-center rounded-full py-0.5 px-3 text-gray-700 text-xs">
                        بخش @MedicalHistory.SectionName
                    </MudPaper>
                </MudItem>
            </MudGrid>
        </MudStack>
    </div>
</MudCard>




@code {

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

    [Parameter]
    public EventCallback<MedicalHistorySDto> Clicked { get; set; }

}