@props(['active']) @php $classes = ($active ?? false) ? 'flex items-center px-3 py-2.5 ml-1 whitespace-nowrap text-base font-medium leading-5 text-blue-500' : 'flex items-center px-3 py-2.5 ml-1 whitespace-nowrap text-base font-medium leading-5 text-secondary-900 dark:text-gray-300'; $text = ($active ?? false) ? 'ml-3 text-base font-medium text-blue-500' : 'ml-3 text-base font-medium'; $li = ($active ?? false) ? ' my-3 rounded-sm bg-secondary-100 border-r-4 border-blue-400 transition duration-150 ease-in-out dark:bg-gray-700' : ' my-3 rounded-sm hover:bg-secondary-50 border-transparent border-r-4 transition duration-150 ease-in-out dark:hover:bg-gray-700'; @endphp