<template>
  <div class="top_module">
    <TemplateComponent
      v-for="(child, index) in value"
      :key="'top-module-child' + index"
      :value="child"
    />
  </div>
</template>
<script>
import TemplateComponent from '../template/TemplateComponent.vue';
export default {
  name: 'TopModule',
  components: {
    TemplateComponent,
  },
  props: {
    value: {
      type: Array,
      default: () => {
        return [];
      },
    },
  },
  data() {
    return {

    };
  },
};
</script>
<style lang="scss" scoped>
.top_module {
  height: 112px;
  background: url('../../../assets/details_top_module.png') no-repeat center/cover border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
</style>
