<script lang="ts" setup>
interface Props {
  questionList: string[]
}
const props = defineProps<Props>()

const emits = defineEmits(['onClickLikeItem'])

function onOnClickLikeItem(question: string) {
  emits('onClickLikeItem', question)
}
</script>

<template>
  <div>
    <div v-if="questionList.length > 0" class="guess-u-like animate__animated animate__fadeIn">
      <div>你可继续问我：</div>
      <div class="list">
        <div v-for="(item, index) in props.questionList" :key="index" class="item ellipse" @click="onOnClickLikeItem(item)">
          · {{ item }}
        </div>
      </div>
    </div>
  </div>
</template>

<style lang="scss" setup>
.guess-u-like {
  font-family:
    PingFangSC,
    PingFang SC;
  font-weight: 400;
  font-size: 13px;
  color: #8d9795;
  line-height: 20px;
  text-align: justify;
  font-style: normal;
  margin-top: 12px;
  box-sizing: border-box;
  padding-left: 12px;
  .item {
    font-family:
      PingFangSC,
      PingFang SC;
    font-weight: 400;
    font-size: 12px;
    color: #29b6fd;
    line-height: 18px;
    text-align: justify;
    font-style: normal;
    margin-top: 8px;
  }
}
</style>
