<template>
  <div class="project-data-add-window">
    <h1 class="headline">Data</h1>

    <file-input v-if="!$root.project.external_data"></file-input>

    <paginated-media :deletable="!$root.project.external_data"/>
  </div>
</template>

<script>
import FileInput from "@/components/base/file-input";
import PaginatedMedia from "@/components/media/paginated-media";

export default {
  name: "project-data-add-window",
  components: {PaginatedMedia, FileInput}
}
</script>

<style scoped>
.project-data-add-window {
  padding: 1rem;
  display: flex;
  flex-direction: column;
}

.file-input {
  margin-bottom: 1rem;
}

.paginated-media {
  flex-grow: 1;
}
</style>
