<script setup>
defineProps({
  href: {
    type: String,
    default: '#'
  },
  align: {
    type: String,
    default: 'left'
  }
})
</script>

<template>
  <p class="prose-button my-8" :class="{ 'text-center': align === 'center' }">
    <NuxtLink class="prose-button__link inline-flex rounded bg-ink px-5 py-3 text-sm font-semibold text-white hover:bg-muted" :to="href">
      <slot />
    </NuxtLink>
  </p>
</template>
