<template>
    <button class="button" :class="subpedido.aprobado ? 'is-danger' : 'is-success'" @click="toggleAprobacion">
                <span class="icon is-small">
                  <i class="fas" :class="subpedido.aprobado ? 'fa-times' : 'fa-check'"></i>
                </span>
        <span>{{ mensaje }}</span>
    </button>
</template>

<script>
export default {
    name: "BotonAdminSubpedidoRow",
    props: {'subpedido': Object},
    data() {
        return {
            mensaje: this.aprobado ? "Desaprobar pedido" : "Aprobar pedido"
        }
    },
    methods: {
        toggleAprobacion() {
            alert("Hay que implementarlo con axios o algo de eso")
        }
    }
}
</script>

<style scoped>

</style>
