@props(['active' => false, 'as' => 'Link'])

@php
$classes = ($active ?? false)
            ? 'block w-full px-4 py-2 text-sm leading-5 text-white bg-blue-700 hover:bg-blue-600 focus:outline-none focus:bg-blue-600 transition duration-150 ease-in-out'
            : 'block w-full px-4 py-2 text-sm leading-5 text-blue-900 hover:bg-blue-100 focus:outline-none focus:bg-blue-100 transition duration-150 ease-in-out';
@endphp

<{{ $as }} {{ $attributes->merge(['class' => $classes]) }}>
    {{ $slot }}
</{{ $as }}>