<template>
	<tr>
            <td>{{ this.producto.nombre }}</td>
            <td class="has-text-right">
                <producto-cantidad :producto="producto"></producto-cantidad>
            </td>
            <td class="has-text-right">{{ this.producto.pivot.total }}</td>
    </tr>
</template>
<script>
    import ProductoCantidad from "./ProductoCantidad.vue";

    export default {
        components: { ProductoCantidad },
		props: {
	        producto: Object
	    },
	}
</script>