<!-- eslint-disable unicorn/prefer-query-selector -->
<script setup lang="ts">
import { usePaperStore } from '../..'
import PaperDetail from './paper-detail.vue'
import PaperSummary from './paper-summary.vue'

defineOptions({ name: 'PaperQuestions' })

const paperStore = usePaperStore()
const { questionGroups } = storeToRefs(paperStore)
</script>

<template>
  <div class="paper-questions">
    <PaperDetail />
    <PaperSummary v-if="questionGroups.length" />
  </div>
</template>

<style lang="scss" scoped>
.paper-questions {
  display: flex;
  height: 100%;
  color: #000;
  gap: 16px;
}
</style>
