@props(['active' => false])

@php
    $classes =
        $active ?? false
            ? 'flex items-center w-full px-4 py-2 text-sm leading-5 text-gray-900 bg-gray-100 focus:outline-none focus:bg-gray-200 transition duration-150 ease-in-out'
            : 'flex items-center w-full px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 transition duration-150 ease-in-out';
@endphp

@if (isset($attributes['href']))
    <a {{ $attributes->merge(['class' => $classes]) }}>
        {{ $slot }}
    </a>
@else
    <button {{ $attributes->merge(['type' => 'button', 'class' => $classes]) }}>
        {{ $slot }}
    </button>
@endif