<template>
    <view class="h-[50px] grid grid-cols-4 items-center bg-bg">
        <mx-question-collect :question="current"/>
        <mx-question-correct :question="current"/>
        <mx-tag-button :type="hasPrev?'primary':'info'" icon="arrow-left" text="上一题" @click="tryGoPrev"/>
        <mx-tag-button :type="hasNext?'primary':'info'" icon="arrow-right" text="下一题" @click="tryGoNext"/>
    </view>
</template>

<script setup>
import {useInjectPaperService} from "@/components/mx-paper/usePaperInjection";
import MxQuestionCorrect from "@/components/mx-question/components/mx-question-correct.vue";
import MxQuestionCollect from "@/components/mx-question/components/mx-question-collect.vue";

const {current, hasNext, hasPrev, tryGoNext, tryGoPrev} = useInjectPaperService()
</script>

<style scoped lang="scss">
</style>