From 6328f6cb0082a2291cf2ae23677d1b903474482c Mon Sep 17 00:00:00 2001
From: pgmemk <ellen.katsnelson@lablz.com>
Date: Tue, 14 Jun 2016 15:22:43 -0400
Subject: [PATCH 1/4] switching to new react-native

---
 button.js  | 4 ++--
 index.js   | 6 +++---
 overlay.js | 5 +++--
 sheet.js   | 4 ++--
 4 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/button.js b/button.js
index f1370d1..e6c884b 100644
--- a/button.js
+++ b/button.js
@@ -4,8 +4,8 @@
 */
 'use strict'
 
-var React = require('react-native');
-var { StyleSheet, Text, TouchableOpacity, View } = React;
+import React from 'react'
+import { StyleSheet, Text, TouchableOpacity, View } from 'react-native'
 
 module.exports = React.createClass({
     render: function() {
diff --git a/index.js b/index.js
index 0b715a0..7a8083c 100644
--- a/index.js
+++ b/index.js
@@ -6,12 +6,12 @@
 */
 'use strict';
 
-var React = require('react-native');
-var {
+import React from 'react'
+import {
     StyleSheet,
     TouchableOpacity,
     View,
-} = React;
+} from 'react-native'
 
 var Button = require('./button.js');
 var Overlay = require('./overlay.js');
diff --git a/overlay.js b/overlay.js
index e6c4231..b1f186d 100644
--- a/overlay.js
+++ b/overlay.js
@@ -4,8 +4,9 @@
 */
 'use strict';
 
-var React = require('react-native');
-var { Animated, StyleSheet, View, Dimensions} = React;
+import React from 'react'
+
+import { Animated, StyleSheet, View, Dimensions} from 'react-native'
 
 const DEFAULT_ANIMATE_TIME = 300;
 
diff --git a/sheet.js b/sheet.js
index 1001310..f7be5ff 100644
--- a/sheet.js
+++ b/sheet.js
@@ -4,8 +4,8 @@
 */
 'use strict';
 
-var React = require('react-native');
-var { Animated, StyleSheet, View, Dimensions} = React;
+import React from 'react'
+import { Animated, StyleSheet, View, Dimensions} from 'react-native'
 
 const DEFAULT_BOTTOM = -300;
 const DEFAULT_ANIMATE_TIME = 300;

From d0b67f90735d3bd304a7c47e49eb4acabb7089c6 Mon Sep 17 00:00:00 2001
From: pgmemk <ellen.katsnelson@lablz.com>
Date: Thu, 16 Jun 2016 11:28:15 -0400
Subject: [PATCH 2/4] styling better

---
 button.js | 6 +++---
 index.js  | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/button.js b/button.js
index e6c884b..8f01f99 100644
--- a/button.js
+++ b/button.js
@@ -26,12 +26,12 @@ var styles = StyleSheet.create({
     buttonText: {
         color: '#0069d5',
         alignSelf: 'center',
-        fontSize: 18
+        fontSize: 20
     },
     button: {
-        height: 40,
+        height: 55,
         backgroundColor: 'white',
-        borderColor: 'gray',
+        borderColor: '#eeeeee',
         borderBottomWidth: 1,
         alignSelf: 'stretch',
         justifyContent: 'center'
diff --git a/index.js b/index.js
index 7a8083c..2f9cdcb 100644
--- a/index.js
+++ b/index.js
@@ -36,7 +36,7 @@ module.exports =  React.createClass({
                             {this.props.children}
                         </View>
                         <Button
-                            buttonStyle={{marginTop:6, borderRadius:6}}
+                            buttonStyle={{marginTop:6, borderRadius:15}}
                             textStyle={{color:'red'}}
                             onPress={this.props.onCancel}>{this.props.cancelText}</Button>
                     </Sheet>
@@ -53,10 +53,10 @@ var styles = StyleSheet.create({
         padding: 10,
         paddingBottom: 6,
         justifyContent: "flex-end",
-        backgroundColor: 'rgba(0, 0, 0, 0.5)',
+        backgroundColor: 'rgba(0, 0, 0, 0.3)',
     },
     buttonContainer: {
-        borderRadius:6,
+        borderRadius: 15,
         overflow: 'hidden',
     }
 });

From 1544f10f67e76ace6d6c03bfcb31c470cf8164a7 Mon Sep 17 00:00:00 2001
From: pgmemk <ellen.katsnelson@lablz.com>
Date: Thu, 16 Jun 2016 12:00:20 -0400
Subject: [PATCH 3/4] styling better

---
 README.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/README.md b/README.md
index 4d7b3f7..29d5686 100644
--- a/README.md
+++ b/README.md
@@ -60,7 +60,6 @@ var styles = StyleSheet.create({
 
 ## Screencasts
 
-![loading](https://github.com/remobile/react-native-action-sheet/blob/master/screencasts/demo.gif)
 
 ##ActionSheet
 #### Props

From 7e2c78bc7e0dfc27c414755afc99630b761acc0d Mon Sep 17 00:00:00 2001
From: pgmemk <ellen.katsnelson@lablz.com>
Date: Thu, 16 Jun 2016 12:11:23 -0400
Subject: [PATCH 4/4] styling better

---
 README.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 29d5686..c20fb61 100644
--- a/README.md
+++ b/README.md
@@ -60,6 +60,7 @@ var styles = StyleSheet.create({
 
 ## Screencasts
 
+![loading](https://github.com/remobile/react-native-action-sheet/blob/master/screencasts/demo.gif)
 
 ##ActionSheet
 #### Props
@@ -71,4 +72,4 @@ var styles = StyleSheet.create({
 #### Props
 - `buttonStyle : TouchableOpacity.propTypes.style` - set button style
 - `textStyle : Text.propTypes.style` - set button text style
-- `onPress : PropTypes.func` - callback for button click
+- `onPress : PropTypes.func` - callback for button click
\ No newline at end of file