import { View, Text } from "@tarojs/components";
import ThinkAnimation from '../think-animation/index'
import style from './index.module.less'
interface Props {
  text: string
}
export default ({text=''}:Props) => {
  return <View className="flex justify-end">
    <View className="max-w-[280px]">
      <View className={`${style.message } ${style.messageMe}`}>
        <View className={`${style.messageContent} text-white`}>
          {text.length === 0 ? <ThinkAnimation isWhite></ThinkAnimation> : <Text user-select>{text}</Text>}
        </View>
      </View>
    </View>
  </View>
}


