@props([
    'href' => false,
])

<a
    href="{{ $href }}"
    {{ $attributes->merge(['class' => 'inline-flex items-center px-4 py-2 border border-trasparent shadow-sm text-sm font-medium rounded-lg text-secondary-700 dark:text-white bg-white hover:shadow dark:bg-secondary-800 dark:hover:bg-secondary-700 dark:border-transparent focus:outline-none focus:ring-0 focus:border-primary-300 transition duration-300 ease-in-out']) }}>
    {{ $slot }}
</a>