<MudPaper class="px-3 py-2 mx-1">

    <div class="flex flex-row">
        <div>
            <p>@Question.Question</p>
            <MudPaper Elevation="0"
                      Class="mt-1 bg-gray-200 w-fit text-center rounded-full py-0.5 px-3 text-gray-800 text-xs">
                @Question.QuestionType.ToDisplay()
            </MudPaper>
        </div>
        <MudIconButton @onclick="async ()=> await QuestionRemoved.InvokeAsync(Question)" class="mr-auto" Color="Color.Error" Icon="@Icons.Material.Filled.Close" />
    </div>
</MudPaper>

@code {

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

    [Parameter] 
    public EventCallback<MedicalHistoryQuestionSDto> QuestionRemoved { get; set; }

}
