<template>
  <button type="button" class="button" @click="$emit('click')">
    From ArchDB
    <span class="protein"></span>
    <span class="download" v-if="download">=</span>
  </button>
</template>

<script>
export default {
  props: {
    download: {
      type: Boolean,
      default: true
    }
  }
};
</script>

<style scoped>
.protein {
  font-family: "EBI-Common";

  margin: 3px;
}
.download {
  font-family: "EBI-Common";
}
button {
  display: flex;
  align-items: center;
}
</style>