From 62f069ef0af1444089a4d477f05ac7279897fa32 Mon Sep 17 00:00:00 2001
From: elijah <elijah@riseup.net>
Date: Fri, 26 Aug 2016 21:09:53 -0700
Subject: [feat] added initial bitmask_js (WIP)

---
 .../app/components/wizard/stage_layout.js          | 37 ++++++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 src/leap/bitmask_js/app/components/wizard/stage_layout.js

(limited to 'src/leap/bitmask_js/app/components/wizard/stage_layout.js')

diff --git a/src/leap/bitmask_js/app/components/wizard/stage_layout.js b/src/leap/bitmask_js/app/components/wizard/stage_layout.js
new file mode 100644
index 00000000..31540221
--- /dev/null
+++ b/src/leap/bitmask_js/app/components/wizard/stage_layout.js
@@ -0,0 +1,37 @@
+import React from 'react'
+
+class StageLayout extends React.Component {
+
+  static get defaultProps() {return{
+    title: 'untitled',
+    subtitle: null,
+    buttons: null
+  }}
+
+  constructor(props) {
+    super(props)
+  }
+
+  render() {
+    let subtitle = null
+    if (this.props.subtitle) {
+      subtitle = <span>{this.props.subtitle}</span>
+    }
+    return(
+      <div className="stage">
+        <div className="header">
+          {this.props.title}
+          {subtitle}
+        </div>
+        <div className="body">
+          {this.props.children}
+        </div>
+        <div className="footer">
+          {this.props.buttons}
+        </div>
+      </div>
+    )
+  }
+}
+
+export default StageLayout
\ No newline at end of file
-- 
cgit v1.2.3