@props(['active'])
@php
$classes = ($active ?? false)
? 'relative flex items-center space-x-4 bg-gradient-to-r from-indigo-600 to-sky-600 px-4 py-3 text-white dark:bg-gradient-to-r dark:from-stone-800 dark:to-gray-800'
: 'relative flex items-center space-x-4 px-4 py-3 text-gray-900';
@endphp
merge(['class' => $classes]) }}>
{{ $slot }}