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