Rearrange components

src/components/Player/OutputBox/TextMessage.jsx

@@ -0,0 +1,16 @@
+import { h } from 'preact'
+
+export default function TextMessage ({ style, text }) {
+  const defaultContent = (
+    <span className={['message', style].join(' ')}>
+      {text}
+    </span>)
+
+  return ({
+    grid: (text?.length > 0 ? <div>{text}</div> : <br />),
+    input: (<span className='message input'>&gt; {text}</span>),
+    subheader: (<strong className='message subheader'>{text}</strong>),
+    emphasized: (<em className='message emphasized'>{text}</em>),
+    endOfLine: (<br />),
+  })[style] || defaultContent
+}