<script setup lang="ts">
defineProps({
  href: {
    type: String,
    default: '',
  },
  blank: {
    type: Boolean,
    default: false,
  },
  /**
   * `true` if `href` points to a static file
   */
  static: {
    type: Boolean,
    default: false,
  },
})
</script>

<template>
  <NuxtLink :to="href" :blank="blank" :static="static">
    <slot />
  </NuxtLink>
</template>

<style lang="postcss" scoped>
:not(h1, h2, h3, h4) > a {
  @apply text-secondary-active hover:border-primary-600 border-b border-transparent font-medium no-underline transition-colors;
}
</style>
