<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-primary-800 dark:bg-primary-800 text-white hover:text-white hover:bg-primary-700 focus:bg-primary-700 ${
      attrs.class ? attrs.class : ''
    }`"
  >
    <slot />
  </BaseButton>
</template>
