@using AIStudio.Chat
<MudText Typo="Typo.h3" Class="mb-2 mr-3">
    @this.Title
</MudText>

<InnerScrolling HeaderHeight="12.3em">
    <ChildContent>
        <MudForm @ref="@this.form" @bind-IsValid="@this.inputIsValid" @bind-Errors="@this.inputIssues" Class="pr-2">
            <MudText Typo="Typo.body1" Align="Align.Justify" Class="mb-6">
                @this.Description
            </MudText>

            @if (this.Body is not null)
            {
                @this.Body
            }
        </MudForm>

        @if (this.inputIssues.Any())
        {
            <MudPaper Class="pr-2 mt-3" Outlined="@true">
                <MudText Typo="Typo.h6">Issues</MudText>
                <MudList Clickable="@true">
                    @foreach (var issue in this.inputIssues)
                    {
                        <MudListItem Icon="@Icons.Material.Filled.Error" IconColor="Color.Error">
                            @issue
                        </MudListItem>
                    }
                </MudList>
            </MudPaper>
        }

        @if (this.resultingContentBlock is not null)
        {
            <ContentBlockComponent Role="@this.resultingContentBlock.Role" Type="@this.resultingContentBlock.ContentType" Time="@this.resultingContentBlock.Time" Content="@this.resultingContentBlock.Content" Class="mr-2"/>
        }
    </ChildContent>
</InnerScrolling>