<template>
  <div class="use-chat--me flex w-4/5 mb-10px ml-auto">
    <div class="w-0 flex-grow mr-10px">
      <div class="text-right text-12px leading-24px text-gray-600 pb-2px">{{name||'医生'}}</div>
      <div class="flex justify-end">
        <div v-if="text"
          class="inline-block max-w-full p-12px bg-[#dceafd] rounded-10px rounded-tr-none text-14px text-dark-500 leading-21px">
          {{ text }}
        </div>
        <img v-if="imgSrc" class="max-w-200px" :src="imgSrc">
      </div>
    </div>
    <div class="rounded">
      <img class="h-36px w-36px rounded-8px" src="https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png"
        alt="">
    </div>
  </div>
</template>
<script setup>

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

})

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