@props([
    "href" => route("home"),
    "title",
    "active" => "",
    "target" => "_self",
])


<li>
    <a
        class="{{ $active_classes }} block border-b-2 px-3 py-2 font-semibold text-gray-800 transition duration-200 ease-in hover:border-gray-700 hover:opacity-75 dark:text-white dark:hover:border-gray-300 dark:hover:opacity-75 sm:my-0 sm:py-1"
        href="{{ $href }}"
        target="{{ $target }}"
    >
        {{ $slot }}
    </a>
</li>