1 files changed, 15 insertions, 0 deletions
diff --git a/frontend/src/components/DialogueBox.tsx b/frontend/src/components/DialogueBox.tsx
new file mode 100644
index 0000000..ad5975a
--- /dev/null
+++ b/frontend/src/components/DialogueBox.tsx
@@ -0,0 +1,15 @@
+import React from 'react'
+
+type Props = {
+  name?: string
+  text: string
+}
+
+export const DialogueBox: React.FC<Props> = ({ name = 'You', text }) => {
+  return (
+    <div className="dialogue vn-text-box">
+      <div className="nameplate">{name}</div>
+      <div className="dialogue-text">{text}</div>
+    </div>
+  )
+}