<template>
  <div class="use-chat flex w-4/5 mb-10px">
    <div class="h-36px w-36px rounded">
      <img class="w-full h-full" src="https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png" alt="">
    </div>
    <div class="w-0 flex-grow ml-10px">
      <div class="text-left text-12px leading-24px text-gray-600">{{name||'患者'}}</div>
      <div v-if="text"
        class="inline-block max-w-full p-12px bg-gray-100 rounded-10px rounded-tl-none text-14px text-dark-500 leading-21px">
        {{ text }}
      </div>
      <img v-if="imgSrc" class="max-w-200px" :src="imgSrc">
    </div>
  </div>
</template>
<script setup>

defineProps({
  name: {
    type: String,
    default: ""
  },
  text: {
    type: String,
    default: "",
  },
  imgSrc: {
    type: String,
    default: ""
  }

})

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