@props(['deal_id', 'deal_title', 'like' => false, 'favourite' => false, 'deal_link' => ''])
<div class="">
    @if(filled($deal_link))
        <x-ui.button-sm @class(["text-accent-600"]) external="true" :link="\Illuminate\Support\Facades\URL::signedRoute('redirect', $deal_id)">
            <x-heroicon-o-arrow-top-right-on-square
                @class([
                   "w-4",
                ])
            />
        </x-ui.button-sm>
    @endif

    <x-ui.button-sm @class(["text-accent-600", 'liked' => $like]) onclick="like(this, {{$deal_id}})">
        <x-heroicon-o-heart
            @class([
               "like w-4",
               'hidden' => $like
            ])
        />
        <x-heroicon-s-heart
            @class([
               "like w-4 text-red-500",
               'hidden' => !$like
            ])
        />
    </x-ui.button-sm>

    <x-ui.button-sm class="text-accent-600" onclick="favorite(this, {{$deal_id}})">
        <x-heroicon-o-star
            @class([
               "favorite w-4",
               'hidden' => $favourite
            ])
        />

        <x-heroicon-s-star
            @class([
               "favorite w-4 text-yellow-500",
               'hidden' => !$favourite
            ])
        />

    </x-ui.button-sm>

    <x-ui.button-sm class="text-accent-600" onclick="showReportModal({{$deal_id}}, '{{$deal_title}}')">
        <x-heroicon-o-exclamation-circle class="w-4"/>
    </x-ui.button-sm>
</div>