@props(['isLiked' => false, 'isInteractive' => true])
@php
    $actionAttributes = $isInteractive ? [
          'data-liked' => $isLiked ? 'true' : 'false',
          'onclick' => "like(this)"
    ] : [] ;
    $buttonClasses = [
    'text-accent-600 likeBtn',
    'liked' => $isLiked
    ];
@endphp
<x-ui.button-sm
    {{$attributes->merge($actionAttributes)->class($buttonClasses)}}
>
    <x-heroicon-o-heart
        @class([
           "like w-4",
           'fill-current text-red-500' => $isLiked
        ])
    />
</x-ui.button-sm>