<template>
  <div class="column is-8">
    <h3 class="is-size-4 mb-4">Datos del Carrito</h3>

    <div class="columns">
      <div class="column">
        <b-field label="Carrito">
          <p class="input">{{ carrito.carrito }}</p>
        </b-field>

        <b-field label="Marca">
          <p class="input">{{ carrito.marca }}</p>
        </b-field>

        <b-field label="Modelo">
          <p class="input">{{ carrito.modelo }}</p>
        </b-field>

        <b-field label="Tipo Carrito">
          <p class="input">{{ carrito.tipoCarrito.tipo_carrito }}</p>
        </b-field>
      </div>

      <div class="column">
        <b-field label="Carrito">
          <p class="input">
            {{ carrito.modulo.modulo }}
          </p>
        </b-field>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    carrito: { type: Object, required: true },
  },
  data() {
    return {
      statusEquipo: [],
    }
  },
}
</script>
