aboutsummaryrefslogtreecommitdiffhomepage
path: root/src/components/MessageBubble.astro
blob: fb6a3cb1caba2f878961d8b0ca2ef5045d0d4fbd (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
---
export interface Props {
  speaker: string;
  align?: 'left' | 'right';
  id?: string;
  className?: string;
}
const { speaker, align = 'right', id, className = '' } = Astro.props;
---
<div
  class:list={['bln', align === 'left' ? 'bleft' : 'bright', className]}
  data-speaker={speaker}
  id={id}
>
  <span class="tail-outer"></span>
  <slot />
</div>