diff options
| author | Linus Färnstrand <linus@mullvad.net> | 2017-12-20 11:32:55 +0100 |
|---|---|---|
| committer | Linus Färnstrand <linus@mullvad.net> | 2017-12-20 11:34:21 +0100 |
| commit | 2aae380b0af018bf0187bb31fb0fedf6a457ebf1 (patch) | |
| tree | a8ad6ee12956d92e6257bea07dedc44063f3017f /app/components/Layout.js | |
| parent | 7b47ddf735af7f3d6065fb6c3ffea6e9ddfd86cb (diff) | |
| parent | 8b146934260739ae609791a1fb676d48ceb954c0 (diff) | |
| download | mullvadvpn-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.js | 46 |
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> + ); + } +} |
