<template>
  <a
    :href="href"
    :class="[color, 'inline-flex items-center hover:underline']"
  >
    <slot />
  </a>
</template>

<script setup lang="ts">
interface LinkProps {
  href?: string
  color?: string
}

withDefaults(defineProps<LinkProps>(), {
  href: '',
  color: 'text-primary-600 dark:text-primary-500',
})
</script>