<template>
  <q-card flat bordered class="q-pa-md">
    <div class="text-body2">
      <span class="text-weight-medium">Resposta:</span> {{ reply }}
    </div>
    <div class="text-caption text-grey-6 q-mt-xs">
      {{ createdAt }} &mdash; {{ userName }}
    </div>
  </q-card>
</template>

<script setup>
defineProps({
  reply: {
    type: String,
    required: true,
  },
  createdAt: {
    type: String,
    required: true,
  },
  userName: {
    type: String,
    required: true,
  },
});
</script>
