{{-- <div>
    <h1>{{ $count }}</h1>
    <button class="bg-gray-800 text-white p-4"  wire:click="decrement">-</button>
    <button class="bg-gray-800 text-white p-4" wire:click="increment">+</button>

</div> --}}

<div>
    Count: {{ $count }}</br>
    <button class="rounded-lg p-2 px-10 bg-blue-900 text-white "wire:click="increment">+</button>
    <button class="rounded-lg p-2 px-10 bg-blue-900 text-white "wire:click="decrement">-</button>
       <button class="rounded-lg p-2 px-10 bg-blue-900 text-white "wire:mouseenter="inhover">+hover+</button>
    <button class="rounded-lg p-2 px-10 bg-blue-900 text-white "wire:mouseenter="random">+random+</button>
    <button class="rounded-lg p-2 px-10 bg-blue-900 text-white "wire:mouseenter="incby(2)">+inc by 2+</button>


</div>