@using Iceshrimp.Assets.PhosphorIcons
@using Iceshrimp.Shared.Schemas
<div class="note-footer">
    @if (Reactions.Count > 0)
    {
        <div class="reactions">
            @foreach (var reaction in Reactions)
            {
                <NoteReaction Reaction="reaction"/>
            }
        </div>
    }
    <button class="btn" @onclick:stopPropagation="true">
        <Icon Name="Icons.ArrowUUpLeft" Size="1.3em"/>
    </button>
    <button class="btn" @onclick:stopPropagation="true">
        <Icon Name="Icons.Repeat" Size="1.3em"/>
    </button>
    <button @onclick="Like" @onclick:stopPropagation="true" class="btn">
        @if (IsLiked)
        {
            <Icon Name="Icons.Heart" Pack="IconStyle.Fill" Size="1.3em"/>
        }else {
            <Icon Name="Icons.Heart" Size="1.3em"/>
        }
        @if (Likes > 0)
        {
            <span class="like-count">@Likes</span>
        }
    </button>
    <button class="btn" @onclick:stopPropagation="true">
        <Icon Name="Icons.Smiley" Size="1.3em"/>
    </button>
    <button class="btn" @onclick:stopPropagation="true">
        <Icon Name="Icons.DotsThreeOutline" Size="1.3em"/>
    </button>
</div>
@code {
    [Parameter] [EditorRequired] public required  List<NoteReactionSchema> Reactions { get; set; }
    [Parameter] [EditorRequired] public required  int                      Likes     { get; set; }
    [Parameter] [EditorRequired] public required bool                      IsLiked   { get; set; }
    
    [CascadingParameter] NoteComponent NoteComponent { get; set; }

    private void Like()
    {
        NoteComponent.Like();
    }
}