[feat] added initial bitmask_js (WIP)

1 files changed, 52 insertions, 0 deletions

diff --git a/src/leap/bitmask_js/app/components/center.js b/src/leap/bitmask_js/app/components/center.js
new file mode 100644
index 00000000..a3b6409a
--- /dev/null
+++ b/src/leap/bitmask_js/app/components/center.js
@@ -0,0 +1,52 @@
+//
+// puts a block right in the center of the window
+//
+
+import React from 'react'
+
+const CONTAINER_CSS = {
+  position: 'absolute',
+  display: 'flex',
+  justifyContent: 'center',
+  alignContent: 'center',
+  alignItems: 'center',
+  top: "0px",
+  left: "0px",
+  height: "100%",
+  width: "100%"
+}
+
+const ITEM_CSS = {
+  flex: "0 1 auto"
+}
+
+class Center extends React.Component {
+
+  static get defaultProps() {return{
+    width: null
+  }}
+
+  constructor(props) {
+    super(props)
+  }
+
+  render() {
+    let style = this.props.width ? Object.assign({width: this.props.width + 'px'}, ITEM_CSS) : ITEM_CSS
+    return (
+      <div className="center-container" style={CONTAINER_CSS}>
+        <div className="center-item" style={style}>
+          {this.props.children}
+        </div>
+      </div>
+    )
+  }
+}
+
+Center.propTypes = {
+  children: React.PropTypes.oneOfType([
+    React.PropTypes.element,
+    React.PropTypes.arrayOf(React.PropTypes.element)
+  ])
+}
+
+export default Center