<script setup>
defineProps({
  to: String,
  link: Boolean,
  danger: Boolean
})
</script>

<template>
  <div>
    <button v-if='!link' type="button" :class="{ 'bg-red-600 hover:bg-red-500': danger,  }" class="bg-pink-400 w-full hover:bg-pink-300 disabled:bg-zinc-300 transition-colors text-white px-2 py-1 rounded-md text-lg" :to="to">
      <slot></slot>
    </button>
    <RouterLink v-if='link' :to="to" type="button" class="bg-pink-400 hover:bg-pink-300 disabled:bg-zinc-300 transition-colors text-white px-2 py-1 rounded-md text-lg">
      <slot></slot>
    </RouterLink>
  </div>
</template>