frontend/src/components/DialogueBox.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
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>
  )
}