---
export interface Props {
  question: string
}
const { question }: Props = Astro.props
---

<div class="chat chat-start">
  <div class="chat-bubble chat-bubble-primary">
    {question}
  </div>
</div>
<div class="chat chat-end">
  <div class="chat-bubble">
    <slot />
  </div>
</div>