<template>
  <v-btn
    :color="color"
    :variant="variant"
    :size="size"
    :disabled="disabled"
    :loading="loading"
    v-bind="$attrs"
    class="eli-botao text-none pt-1"
  >
    <slot />
  </v-btn>
</template>

<script lang="ts">
import { defineComponent, PropType } from "vue";
import type { BotaoTamanho, BotaoVariante } from "../../tipos";

export default defineComponent({
    name: "EliBotao",
    
    inheritAttrs:  false,

    props: {
        color: {
            type: String,
            default: "primary"
        },

        variant: {
			type: String as PropType<BotaoVariante>,
            default: "elevated",
        },

        size: {
	  type: String as PropType<BotaoTamanho>,
      default: "default",
    },

    disabled: {
      type: Boolean,
      default: false,
    },

    loading: {
      type: Boolean,
      default: false,
    },
    }
})

</script>
