first init

components/Button.js

@@ -0,0 +1,57 @@
+import React from "react";
+import { StyleSheet } from "react-native";
+import PropTypes from 'prop-types';
+import { Button, Text, theme } from "galio-framework";
+
+import argonTheme from "../constants/Theme";
+
+class ArButton extends React.Component {
+  render() {
+    const { small, shadowless, children, color, style, ...props } = this.props;
+    
+    const colorStyle = color && argonTheme.COLORS[color.toUpperCase()];
+
+    const buttonStyles = [
+      small && styles.smallButton,
+      color && { backgroundColor: colorStyle },
+      !shadowless && styles.shadow,
+      {...style}
+    ];
+
+    return (
+      <Button
+        style={buttonStyles}
+        shadowless
+        textStyle={{ fontSize: 12, fontWeight: '700' }}
+        {...props}
+      >
+        {children}
+      </Button>
+    );
+  }
+}
+
+ArButton.propTypes = {
+  small: PropTypes.bool,
+  shadowless: PropTypes.bool,
+  color: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.oneOf(['default', 'primary', 'secondary', 'info', 'error', 'success', 'warning'])
+  ])
+}
+
+const styles = StyleSheet.create({
+  smallButton: {
+    width: 75,
+    height: 28
+  },
+  shadow: {
+    shadowColor: 'black',
+    shadowOffset: { width: 0, height: 4 },
+    shadowRadius: 4,
+    shadowOpacity: 0.1,
+    elevation: 2,
+  },
+});
+
+export default ArButton;