<script setup>
/**
 * Secondary action button (new, export, cancel). Fixed: variant secondary, icon left, default size.
 * In views set: label, icon (name e.g. "plus", "times", "upload").
 */
import BaseButton from "./BaseButton.vue";

const props = defineProps({
  label: { type: String, default: "" },
  icon: { type: String, default: "" },
  loading: { type: Boolean, default: false },
  disabled: { type: Boolean, default: false },
  type: { type: String, default: "button" },
  class: { type: [String, Object, Array], default: "" },
});
</script>

<template>
  <BaseButton
    variant="secondary"
    icon-position="left"
    :label="props.label"
    :icon="props.icon"
    :loading="props.loading"
    :disabled="props.disabled"
    :type="props.type"
    :class="props.class"
    v-bind="$attrs"
  />
</template>
