initial setup of widget

src/index.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import Widget from './widget';
+
+ReactDOM.render(
+  <Widget/>,
+  document.getElementById('app')
+);

src/widget.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import './widget.scss'
+
+class Widget extends React.Component {
+  state = {
+    opened: false,
+  }
+
+  handleOpen = () => {
+  }
+
+  render() {
+    let body = "";
+    if (this.state.opened) {
+      body = (
+        <div className="widget-dialog">
+          <div className="widget-title">
+            Open
+          </div>
+          <div className="widget-body">
+            Body
+          </div>
+          <div className="widget-footer">
+            Footer
+          </div>
+        </div>
+      );
+    }
+    return (
+      <div className="widget">
+        Open
+        {body}
+      </div>
+    );
+  }
+}
+
+Widget.propTypes = {};
+
+export default Widget;

src/widget.scss

@@ -0,0 +1,17 @@
+.widget {
+  position: fixed;
+  bottom: 10px;
+  right: 10px;
+
+  width: 50px;
+  height: 20px;
+  text-align: center;
+  border: 1px solid;
+  padding: 10px;
+}
+
+.widget:hover {
+  background-color: blue;
+  color: white;
+  cursor: pointer;
+}