<script setup>
defineProps({
    href: String,
    title: String,
    disabled: Boolean,
    icon: {
        type: String,
        default: "chevron-right",
    },
});
</script>
<template>
    <li class="inline-flex items-center">
        <a
            :href="href"
            :class="`inline-flex items-center text-sm font-medium text-gray-700 hover:text-blue-600 dark:text-gray-400 dark:hover:text-white gap-1 ${disabled ? 'pointer-events-none' : ''}`"
        >
            <component :is="`${icon}-icon`" class="w-3 h-3" />
            {{ title }}
        </a>
    </li>
</template>
