From 3fc0ee1b72c12922254533b78695ffa17e7232be Mon Sep 17 00:00:00 2001
From: Yasutake Yohei <yohei@yasutakeyohei.com>
Date: Sat, 30 Dec 2023 22:24:55 +0900
Subject: initial commit

---
 src/components/MessageBubble.js | 11 +++++++++++
 1 file changed, 11 insertions(+)
 create mode 100644 src/components/MessageBubble.js

(limited to 'src/components/MessageBubble.js')

diff --git a/src/components/MessageBubble.js b/src/components/MessageBubble.js
new file mode 100644
index 00000000..d64cf6ed
--- /dev/null
+++ b/src/components/MessageBubble.js
@@ -0,0 +1,11 @@
+import React from 'react';
+import styles from './MessageBubble.module.css';
+
+export default function MessageBubble({children, speaker, align, id}) {
+  let className = ("left" === align) ? [styles.bln, styles.bleft].join(' ') : [styles.bln, styles.bright].join(' ');
+  return (
+    <div className={className} data-speaker={speaker} id={id}>
+      {children}
+    </div>
+  );
+}
\ No newline at end of file
-- 
cgit v1.2.3-54-g00ecf