1 files changed, 37 insertions, 0 deletions
diff --git a/ui/app/components/wizard/stage_layout.js b/ui/app/components/wizard/stage_layout.js
new file mode 100644
index 0000000..3154022
--- /dev/null
+++ b/ui/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