@props(['desc', 'amount', '_color', 'image', 'function'])
<div
    class="flex items-center justify-between my-1 p-2 bg-white border-l-4 rounded-lg shadow-lg border-bg-variant focus:border-none hover:bg-yellow-100">
    <div class="flex items-center justify-start w-3/4 space-x-3">
        {{-- <i class="text-lg text-tx-variant fa fa-check" aria-hidden="true"></i> --}}
        <img src="{{ asset('storage/' . $image) }}" class="h-24 w-32 object-fill rounded-lg" alt="Image">
        {{-- {{ asset('storage/network/download.png') }}" --}}

        <p class="text-lg font-bold text-black md:text-base">{{ $desc }} <span
                class="text-sm text-tx-variant"></span></p>
    </div>
    <div class="flex items-center">
        <button class="bg-secondary hover:bg-yellow-600 text-white rounded-lg px-4 py-2"
            wire:click="{{ $function }}">Click</button>
    </div>
</div>
