<template>
  <div class="paragraph paragraph-files">
    <FileParagraph
      v-for="file in filesData"
      :key="file.uuid"
      :heritedData="{ file, domain: 'sections', contentType: 'file' }"
    />
  </div>
</template>

<script>
import FileParagraph from './FileParagraph'

export default {
  name: 'FilesParagraph',
  components: {
    FileParagraph
  },
  data() {
    return {
      filesData: this.heritedData.content
    }
  }
}
</script>

<style lang="scss">
.paragraph-files {
  margin-top: 2rem;
}

.inside-radius {
  .paragraph-files {
    border-radius: var(--radius-m);

    &__container {
      border-radius: var(--radius-m);
    }
  }
}
</style>
