---
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>