<template>
  <!-- 外层行容器：接收来自父组件的对齐类（如 flex flex-justify-end） -->
  <div class="chat-mine-row">
    <div class="chat-mine bg-17294E">
      <span class="text-[15px] text-white">{{ text }}</span>
      <slot></slot>
    </div>
  </div>
</template>

<script setup>
import { defineProps } from "vue";
defineProps({
  text: {
    type: String,
    default: "",
  },
});
</script>

<style lang="scss" scoped>
@import "./styles/index.scss";
</style>
