<template>
  <div>
    <h1
     style="text-align: center; padding: 10px 0; font-size: 18px"
    v-if="title"
    >
    <slot name="title" :title="title"> {{ title }}</slot>
    </h1>
    <slot name="otherInfo"></slot>
    <QuestionsList
      :questions="questions"
      :mode="mode"
      :paperStyle="mode == 0 ? exam?.examMode : 0"
      ref="questionList"
    ></QuestionsList>
  </div>
</template>

<script>
import QuestionsList from '@/views/assessment-evaluation/online-test/begin-online-exam/components/QuestionsList.vue'
export default {
  components: { QuestionsList },
  props: {
    questions: {
      default: () => [],
      type: Array
    },
    title: {
      type: String
    },
    mode: {
      default: 1,
      type: Number
    }
  }
  // data: _ => ({
  //   mode: 1
  // })
}
</script>

<style lang='scss' scoped>
@media print {
  ::v-deep ::-webkit-input-placeholder {
    color: transparent !important;
  }
  ::v-deep .title-flag {
    display: none;
  }
}
</style>
