<template>
  <b-col class="d-flex align-items-center pt-3 mb-1">
  <b-button
    block
    class="
      d-flex
      btn shadow-none
      align-items-center
      border-0
      akkurat-bold
      btn-div-default
      py-2
    "
    @click="emitToParent"
  >
    <div class="d-flex flex-fill justify-content-around align-items-center">
      <font-awesome-icon icon="pencil-alt"/>
      <div class="akkurat-regular">Editar</div>
    </div>
  </b-button>
  </b-col>
</template>

<script>
export default {
  name: 'edit-button',
  methods: {
    emitToParent() {
      this.$emit('clicked');
    },
  },
};
</script>

<style scoped lang="scss">
@import '../../assets/css/main.scss';
@import '../../assets/css/cards.scss';

.btn-div-default {
  border-radius: 20px;
  background: #FF9B64;
}

</style>
