<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="`${disabled ? '' : 'bg-white !border-primary-300 !text-primary-700 hover:bg-gray-50'} ${
      attrs.class ? attrs.class : ''
    }`"
  >
    <slot />
  </BaseButton>
</template>
