baseToolbarBtn

<template>
  <v-tooltip bottom>
    <template #activator="{ on }">
      <v-btn
        :color="color"
        :elevation="elevation"
        :fab="fab"
        :small="small"
        class="mx-1"
        v-bind="$attrs"
        v-on="{
          ...on,
          ...$listeners
        }"
      >
        <v-icon>{{ icon }}</v-icon>
        <slot />
      </v-btn>
    </template>
    <span>{{ tooltip }}</span>
  </v-tooltip>
</template>

<script>
  export default {
    name: 'BaseToolbarBtn',

    props: {
      color: {
        type: String,
        default: 'primary',
      },
      elevation: {
        type: String,
        default: '3',
      },
      fab: {
        type: Boolean,
        default: true,
      },
      icon: {
        type: String,
        default: '',
      },
      small: {
        type: Boolean,
        default: true,
      },
      tooltip: {
        type: String,
        default: '',
      },
    },
  }
</script>