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