From 3e72bfa56c860826429a842f6c128d78d4a930db Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Thu, 1 Jun 2017 19:47:08 -0400
Subject: react-native-web port of fmf app

---
 client/src/lib/components/container.js | 50 ++++++++++++++++++++++++++++++++++
 1 file changed, 50 insertions(+)
 create mode 100644 client/src/lib/components/container.js

(limited to 'client/src/lib/components/container.js')

diff --git a/client/src/lib/components/container.js b/client/src/lib/components/container.js
new file mode 100644
index 0000000..fe6fd5e
--- /dev/null
+++ b/client/src/lib/components/container.js
@@ -0,0 +1,50 @@
+import React, { Component } from 'react';
+import {
+  StyleSheet,
+  View
+} from 'react-native';
+
+import Heading from '../components/heading'
+
+export default class Container extends Component {
+  constructor() {
+    super()
+  }
+  render() {
+    const { heading, style, bodyStyle, headingOnPress, ...props } = this.props
+    let headingEl;
+    if (heading) {
+      headingEl = (
+        <Heading style={styles.heading} onPress={headingOnPress}>
+          {heading.toUpperCase()}
+        </Heading>
+      )
+    }
+    else {
+      headingEl = null
+    }
+    return (
+      <View style={[styles.container, style]} {...props}>
+        {headingEl}
+        <View style={[styles.body, bodyStyle]}>
+          {this.props.children}
+        </View>
+      </View>
+    )
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'flex-start',
+  },
+  heading: {
+  },
+  body: {
+    flex: 1,
+    justifyContent: 'flex-start',
+    alignItems: 'flex-start',
+    paddingLeft: 10,
+  }
+})
-- 
cgit v1.2.3-70-g09d2