1 files changed, 17 insertions, 0 deletions
diff --git a/src/components/MessageBubble.astro b/src/components/MessageBubble.astro
new file mode 100644
index 0000000..74f9927
--- /dev/null
+++ b/src/components/MessageBubble.astro
@@ -0,0 +1,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>