initial

src/App.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import './App.css';
+
+function buttonsForState(state){
+    return (
+        <button>Test</button>
+    );
+}
+
+function Dialog(state) {
+  return (
+    <div className="container">
+        <header>
+            "text for state logo"
+        </header>
+        {buttonsForState(state)}
+    </div>
+  );
+}
+
+export default Dialog;

src/index.css

@@ -0,0 +1,13 @@
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+    monospace;
+}

src/index.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import './index.css';
+import App from './App';
+
+ReactDOM.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+  document.getElementById('root')
+);