aboutsummaryrefslogtreecommitdiffhomepage
path: root/src/components/MessageBubble.astro
blob: 74f9927a96e86026aae4519e3f04a4035d3f50cd (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=${id}` : ''}
>
  <span class="tail-outer"></span>
  <slot />
</div>