<script lang="ts" setup>
defineProps({
  message: String,
});
</script>

<template>
  <div class="flex flex-col items-end gap-2">
    <div
      class="rounded-2xl rounded-br-none bg-primary-400 px-3 py-2 text-sm w-fit text-white font-medium dark:bg-primary-500"
    >
      {{ message }}
    </div>
  </div>
</template>

<style scoped></style>
