@using Iceshrimp.Shared.Schemas.Web
@using Iceshrimp.Assets.PhosphorIcons
<div class="field">
    <span class="field-name">
        @if (Field.Verified.GetValueOrDefault())
        {
            <Icon class="verified" Name="Icons.SealCheck" Size="1.3em"/>
        }
        @Field.Name
    </span>
    <span class="field-value">
        <MfmText Text="@Field.Value"></MfmText>
    </span>
</div>

@code {
    [Parameter] [EditorRequired] public required UserProfileField Field { get; set; }
}