<template>
  <div class="products-wrapper">
    <ProductItem class="item" v-for="i in 3"></ProductItem>
  </div>
</template>

<script>

import ProductItem from './product-item'

export default {
  name: 'Products',
  props: {
    list: {
      type: Array,
      default() {
        return [];
      }
    }
  },
  components: {
    ProductItem
  }
}
</script>

<style lang="scss" scoped>
.products-wrapper {
  overflow: scroll;
}

.item {
  margin-right: 20px;
}
</style>