summaryrefslogtreecommitdiffhomepage
path: root/app/components/Layout.js
diff options
context:
space:
mode:
authorLinus Färnstrand <linus@mullvad.net>2017-12-20 11:32:55 +0100
committerLinus Färnstrand <linus@mullvad.net>2017-12-20 11:34:21 +0100
commit2aae380b0af018bf0187bb31fb0fedf6a457ebf1 (patch)
treea8ad6ee12956d92e6257bea07dedc44063f3017f /app/components/Layout.js
parent7b47ddf735af7f3d6065fb6c3ffea6e9ddfd86cb (diff)
parent8b146934260739ae609791a1fb676d48ceb954c0 (diff)
downloadmullvadvpn-2aae380b0af018bf0187bb31fb0fedf6a457ebf1.tar.xz
mullvadvpn-2aae380b0af018bf0187bb31fb0fedf6a457ebf1.zip
Merge backend and frontend repo master branches
Conflicts: .gitignore .travis.yml README.md
Diffstat (limited to 'app/components/Layout.js')
-rw-r--r--app/components/Layout.js46
1 files changed, 46 insertions, 0 deletions
diff --git a/app/components/Layout.js b/app/components/Layout.js
new file mode 100644
index 0000000000..5c0e1f5bcb
--- /dev/null
+++ b/app/components/Layout.js
@@ -0,0 +1,46 @@
+// @flow
+import React, { Component } from 'react';
+import HeaderBar from './HeaderBar';
+
+import type { HeaderBarProps } from './HeaderBar';
+
+export class Header extends Component {
+ props: HeaderBarProps;
+ static defaultProps = HeaderBar.defaultProps;
+
+ render(): React.Element<*> {
+ return (
+ <div className="layout__header">
+ <HeaderBar { ...this.props } />
+ </div>
+ );
+ }
+}
+
+export class Container extends Component {
+ props: {
+ children: React.Element<*>
+ }
+
+ render(): React.Element<*> {
+ return (
+ <div className="layout__container">
+ { this.props.children }
+ </div>
+ );
+ }
+}
+
+export class Layout extends Component {
+ props: {
+ children: Array<React.Element<*>> | React.Element<*>
+ }
+
+ render(): React.Element<*> {
+ return (
+ <div className="layout">
+ { this.props.children }
+ </div>
+ );
+ }
+}