<template>
  <div class="root">
    <div class="content-selection" v-for="contentSelection in contentSelections">
      <content-selection :type="contentSelection.type" :title="contentSelection.title"
                         :thumbnail-url="contentSelection.thumbnailUrl" :url="contentSelection.url" :tags="contentSelection.tags"
                         :description="contentSelection.description"
      >
      </content-selection>
    </div>
  </div>
</template>

<style lang="scss" scoped>
  @import '../scss/_variables';

  .content-selections {
    .content-selection {
      margin-bottom: 80px;
    }

    .discover-instances {
      display: flex;
      justify-content: flex-end;
    }
  }
</style>

<script>
  import ContentSelection from './ContentSelection'

  export default {
    props: {
    },

    components: {
      ContentSelection
    },

    data: () => ({
      contentSelections: [
        {
          type: 'video',
          title: 'Nothing to hide',
          thumbnailUrl: 'https://peertube2.cpy.re/static/thumbnails/d2a5ec78-5f85-4090-8ec5-dc1102e022ea.jpg',
          url: 'https://peertube2.cpy.re/videos/watch/d2a5ec78-5f85-4090-8ec5-dc1102e022ea',
          tags: ['tag', 'tag2', 'tag3'],
          description: 'Nothing to Hide (2017) est un film documentaire franco-allemand de Marc Meillassoux et Mihaela Gladovic, qui s\'intéresse aux effets de la surveillance de masse sur les individus et la société. Proposant un regard critique à propos des lois sur le renseignement mises en place par de nombreux États ces dernières années, le film nous rappelle à quel point le débat sur l’usage des données personnelles est actuel et questionne les fondements de nos démocraties.'
        }
      ]
    }),
  }
</script>
