<template>
  <el-popover trigger="hover" class="mx-generation-major">
    <div class="fx-row fx-cen-cen f12 bold i">专业意向符合</div>
    <div v-for="(group,idx) in matchedMajors" :key="idx">
      <div class="bold f-666 mt10">{{ group.label }}</div>
      <div v-for="(opts, index) in group.options" :key="index" class="pl20 f-999">
        {{ opts.majorCategoryName }}
      </div>
    </div>
    <i slot="reference" class="el-icon-check icon24 bold" :class="iconClasses"></i>
  </el-popover>
</template>

<script>
export default {
  name: 'elective-flow-major',
  props: ['matchedMajors', 'iconClasses']
}
</script>

<style scoped>

</style>
