<template>
  <!-- 外层行容器：接收来自父组件的对齐类（如 flex justify-end） -->
  <div class="w-full flex justify-end">
    <div
      class="m-3 px-[16px] py-2 rounded-[15px] bg-[#17294E] inline-block w-auto overflow-x-auto align-top max-w-full">
      <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>
