<script setup>
const props = defineProps({
  label: {
    type: String,
    required: true,
  },
  icon: {
    type: String,
  },
  variant: {
    type: String,
    default: 'solid'
  },
  color: {
    type: String,
    default: 'primary'
  }
})

const emit = defineEmits(['click'])

</script>

<template>
  <UButton
      id="fab"
      :icon="props.icon"
      :label="props.label"
      :variant="props.variant"
      :color="props.color"
      @click="emit('click')"
  />
</template>

<style scoped>
#fab {
  position: fixed;
  right: 15px;
  bottom: 10vh;
}
</style>