<template>
  <!--
  Aggregator for multiple ProductTile components to be displayed in columns or other type of grid
  props:
  "products" - array of products
  "columns" - # of columns to be displayed
  data to display
  v-for="product in products"
    -->
  <div class="product-listi">
    <div v-for="product in products" :key="product.id"/>
  </div>
</template>

<script>
import ProductTile from './ProductTile.vue'

export default {
  name: 'ProductListing',
  props: {
    products: {
      type: null,
      required: true
    },
    columns: {
      type: [String, Number],
      required: true
    }
  },
  components: {
    ProductTile
  }
}
</script>
