<template>
  <view
    class="bg-[#E2EDF9] text-[#1580FF] text-[22rpx] flex justify-between items-center px-[32rpx] py-[10rpx]"
  >
    <view class="flex gap-[16rpx]">
      <text>{{ userInfo.estimatedAchievement.expectedScore }}分</text>
      <text>
        {{ userInfo.estimatedAchievement.subjectGroup.split(',').join('/') }}
      </text>
      <text>{{ userInfo.batchName }}</text>
    </view>
    <view v-if="type === 0" class="flex items-center">
      <text>重要提示</text>
      <text class="i-carbon-help"></text>
    </view>

    <HeaderModelTip v-if="type === 1" />
  </view>
</template>

<script lang="ts" setup>
import HeaderModelTip from './HeaderModelTip.vue'
defineProps({
  userInfo: {
    type: Object,
    default: () => ({}),
  },
  type: {
    type: Number,
    default: 0,
  },
})
</script>

<style lang="scss" scoped>
.t-model-base {
  font-weight: 400;
  font-size: 22rpx;
  color: #000000;
}
</style>
