@using Iceshrimp.Shared.Schemas
<button @onclick="React" class="reaction">
    <span class="icon">
        @if (Reaction.Url == null)
        {
            @Reaction.Name
        }
        @if (Reaction.Url != null)
        {
            <img class="custom-reaction" src="@Reaction.Url" alt="@Reaction.Name"/>
        }
    </span>
    <span class="count">
        @Reaction.Count
    </span>
</button>

@code {
    [Parameter] [EditorRequired] public required NoteReactionSchema Reaction      { get; set; }
    [CascadingParameter]                         NoteComponent      NoteComponent { get; set; } = null!;

    private void React()
    {
        NoteComponent.React(Reaction.Name, !Reaction.Reacted);
    }
}