<template>
  <div class="grid">
    <Film :key="film.id" v-for="film in dataSource" :film="film" />
  </div>
</template>

<script>
import Film from "./Film/Film";

export default {
  components: { Film },
  name: "Grid",
  props: {
    dataSource: {
      type: Array,
      required: true
    }
  }
};
</script>

<style></style>
