From a995e8dcd5b7aa6a7aaf10611ce66c339e318593 Mon Sep 17 00:00:00 2001
From: simek <gosimek@gmail.com>
Date: Fri, 28 Feb 2020 17:03:22 +0100
Subject: [PATCH 1/5] add Snack example for ActionSheetIOS

---
 docs/actionsheetios.md | 50 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 50 insertions(+)

diff --git a/docs/actionsheetios.md b/docs/actionsheetios.md
index e81a917d962..aa3a6a8fe72 100644
--- a/docs/actionsheetios.md
+++ b/docs/actionsheetios.md
@@ -3,6 +3,56 @@ id: actionsheetios
 title: ActionSheetIOS
 ---
 
+Displays native to iOS [Action Sheet](https://developer.apple.com/design/human-interface-guidelines/ios/views/action-sheets/) component.
+
+### Example
+
+```SnackPlayer name=ActionSheetIOS&supportedPlatforms=ios
+import React from 'react';
+import { ActionSheetIOS, Button, StyleSheet, Text, View } from 'react-native';
+
+export default App = () => {
+  const [result, setResult] = React.useState('🔮');
+
+  const onPress = () => (
+    ActionSheetIOS.showActionSheetWithOptions(
+      {
+        options: ['Cancel', 'Generate number', 'Reset'],
+        destructiveButtonIndex: 2,
+        cancelButtonIndex: 0,
+      },
+      (buttonIndex) => {
+        if (buttonIndex === 0) {
+          // cancel action
+        } else if (buttonIndex === 1) {
+          setResult(Math.floor(Math.random() * 100) + 1);
+        } else if (buttonIndex === 2) {
+          setResult('🔮');
+        }
+      }
+    )
+  );
+
+  return (
+    <View style={styles.container}>
+      <Text style={styles.result}>{result}</Text>
+      <Button onPress={onPress} title="Show Action Sheet" />
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center'
+  },
+  result: {
+    fontSize: 64,
+    textAlign: 'center'
+  }
+});
+```
+
 # Reference
 
 ## Methods

From a3d32e3a3a5a8b336f25faec4f3bd6be2c192559 Mon Sep 17 00:00:00 2001
From: simek <gosimek@gmail.com>
Date: Fri, 28 Feb 2020 17:28:22 +0100
Subject: [PATCH 2/5] small tweak

---
 docs/actionsheetios.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/actionsheetios.md b/docs/actionsheetios.md
index aa3a6a8fe72..34efc474f1f 100644
--- a/docs/actionsheetios.md
+++ b/docs/actionsheetios.md
@@ -8,11 +8,11 @@ Displays native to iOS [Action Sheet](https://developer.apple.com/design/human-i
 ### Example
 
 ```SnackPlayer name=ActionSheetIOS&supportedPlatforms=ios
-import React from 'react';
+import React, { useState } from 'react';
 import { ActionSheetIOS, Button, StyleSheet, Text, View } from 'react-native';
 
 export default App = () => {
-  const [result, setResult] = React.useState('🔮');
+  const [result, setResult] = useState('🔮');
 
   const onPress = () => (
     ActionSheetIOS.showActionSheetWithOptions(

From df846d1e563c48afe85c3a5c44bfe02da441b077 Mon Sep 17 00:00:00 2001
From: R Nabors <rachelnabors@users.noreply.github.com>
Date: Fri, 28 Feb 2020 16:32:54 +0000
Subject: [PATCH 3/5] Prettiered ActionSheetIOS

---
 docs/actionsheetios.md | 23 +++++++++++------------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/docs/actionsheetios.md b/docs/actionsheetios.md
index 34efc474f1f..0c2e8e8f589 100644
--- a/docs/actionsheetios.md
+++ b/docs/actionsheetios.md
@@ -8,30 +8,29 @@ Displays native to iOS [Action Sheet](https://developer.apple.com/design/human-i
 ### Example
 
 ```SnackPlayer name=ActionSheetIOS&supportedPlatforms=ios
-import React, { useState } from 'react';
-import { ActionSheetIOS, Button, StyleSheet, Text, View } from 'react-native';
+import React from "react";
+import { ActionSheetIOS, Button, StyleSheet, Text, View } from "react-native";
 
 export default App = () => {
-  const [result, setResult] = useState('🔮');
+  const [result, setResult] = React.useState("🔮");
 
-  const onPress = () => (
+  const onPress = () =>
     ActionSheetIOS.showActionSheetWithOptions(
       {
-        options: ['Cancel', 'Generate number', 'Reset'],
+        options: ["Cancel", "Generate number", "Reset"],
         destructiveButtonIndex: 2,
-        cancelButtonIndex: 0,
+        cancelButtonIndex: 0
       },
-      (buttonIndex) => {
+      buttonIndex => {
         if (buttonIndex === 0) {
           // cancel action
         } else if (buttonIndex === 1) {
           setResult(Math.floor(Math.random() * 100) + 1);
         } else if (buttonIndex === 2) {
-          setResult('🔮');
+          setResult("🔮");
         }
       }
-    )
-  );
+    );
 
   return (
     <View style={styles.container}>
@@ -44,11 +43,11 @@ export default App = () => {
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    justifyContent: 'center'
+    justifyContent: "center"
   },
   result: {
     fontSize: 64,
-    textAlign: 'center'
+    textAlign: "center"
   }
 });
 ```

From 25df98df4c27cb45838d30637ae652afaf09056e Mon Sep 17 00:00:00 2001
From: R Nabors <rachelnabors@users.noreply.github.com>
Date: Fri, 28 Feb 2020 16:39:54 +0000
Subject: [PATCH 4/5] =?UTF-8?q?repeating=20tweak=E2=80=94useState=20is=20a?=
 =?UTF-8?q?=20thing?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/actionsheetios.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/actionsheetios.md b/docs/actionsheetios.md
index 0c2e8e8f589..5fe3d03f6f8 100644
--- a/docs/actionsheetios.md
+++ b/docs/actionsheetios.md
@@ -8,7 +8,7 @@ Displays native to iOS [Action Sheet](https://developer.apple.com/design/human-i
 ### Example
 
 ```SnackPlayer name=ActionSheetIOS&supportedPlatforms=ios
-import React from "react";
+import React, { useState } from 'react';
 import { ActionSheetIOS, Button, StyleSheet, Text, View } from "react-native";
 
 export default App = () => {

From c1f582f3ed70a982c573b4247053d2df5c812767 Mon Sep 17 00:00:00 2001
From: simek <gosimek@gmail.com>
Date: Fri, 28 Feb 2020 17:50:02 +0100
Subject: [PATCH 5/5] last one tweak :)

---
 docs/actionsheetios.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/actionsheetios.md b/docs/actionsheetios.md
index 5fe3d03f6f8..4d7c8763713 100644
--- a/docs/actionsheetios.md
+++ b/docs/actionsheetios.md
@@ -8,11 +8,11 @@ Displays native to iOS [Action Sheet](https://developer.apple.com/design/human-i
 ### Example
 
 ```SnackPlayer name=ActionSheetIOS&supportedPlatforms=ios
-import React, { useState } from 'react';
+import React, { useState } from "react";
 import { ActionSheetIOS, Button, StyleSheet, Text, View } from "react-native";
 
 export default App = () => {
-  const [result, setResult] = React.useState("🔮");
+  const [result, setResult] = useState("🔮");
 
   const onPress = () =>
     ActionSheetIOS.showActionSheetWithOptions(