<script setup>
import BaseButton from "@/components/Buttons/BaseButton.vue";
import { props } from "./BaseProps.js";
import { useAttrs } from "vue";
const attrs = useAttrs();
defineProps(props);
</script>
<template>
  <BaseButton
    :link="link"
    :disabled="disabled"
    :target="target"
    :type="type"
    :class-list="`bg-red-600 hover:bg-red-500 ${attrs.class ? attrs.class : ''}`"
  >
    <slot />
  </BaseButton>
</template>
