From be6d40ecd6583a153de8bf316ea4b6624b1d4ff3 Mon Sep 17 00:00:00 2001
From: Dominic Go <18517029+dominicstop@users.noreply.github.com>
Date: Thu, 25 Nov 2021 15:20:39 +0800
Subject: [PATCH] =?UTF-8?q?=E2=AD=90=EF=B8=8F=20Example=20-=20Add=20`Conte?=
 =?UTF-8?q?xtMenuViewExample07`?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/src/App.tsx                           |  2 +
 .../src/examples/ContextMenuViewExample07.tsx | 61 +++++++++++++++++++
 2 files changed, 63 insertions(+)
 create mode 100644 example/src/examples/ContextMenuViewExample07.tsx

diff --git a/example/src/App.tsx b/example/src/App.tsx
index 3a85f56..a069e9e 100644
--- a/example/src/App.tsx
+++ b/example/src/App.tsx
@@ -9,6 +9,7 @@ import { ContextMenuViewExample03 } from './examples/ContextMenuViewExample03';
 import { ContextMenuViewExample04 } from './examples/ContextMenuViewExample04';
 import { ContextMenuViewExample05 } from './examples/ContextMenuViewExample05';
 import { ContextMenuViewExample06 } from './examples/ContextMenuViewExample06';
+import { ContextMenuViewExample07 } from './examples/ContextMenuViewExample07';
 
 
 type ExampleListItem = {
@@ -23,6 +24,7 @@ const EXAMPLE_COMPONENTS = [
   ContextMenuViewExample04,
   ContextMenuViewExample05,
   ContextMenuViewExample06,
+  ContextMenuViewExample07,
 ];
 
 const EXAMPLE_ITEMS: ExampleListItem[] = EXAMPLE_COMPONENTS.map((item, index) => ({
diff --git a/example/src/examples/ContextMenuViewExample07.tsx b/example/src/examples/ContextMenuViewExample07.tsx
new file mode 100644
index 0000000..adc83da
--- /dev/null
+++ b/example/src/examples/ContextMenuViewExample07.tsx
@@ -0,0 +1,61 @@
+import * as React from 'react';
+
+import { ContextMenuView } from 'react-native-ios-context-menu';
+
+import type { ContextMenuExampleProps } from './SharedExampleTypes';
+import { ContextMenuCard } from '../components/ContextMenuCard';
+
+
+export function ContextMenuViewExample07(props: ContextMenuExampleProps) {
+  return (
+    <ContextMenuView
+      style={props.style}
+      menuConfig={{
+        menuTitle: 'ContextMenuViewSimpleExample07',
+        menuItems: [{
+          actionKey  : 'key-01',
+          actionTitle: 'Action #1',
+          icon: {
+            iconType : 'SYSTEM',
+            iconValue: 'folder',
+          }
+        }, {
+          menuTitle: 'Submenu...',
+          menuOptions: ['displayInline', 'destructive'],
+          menuItems: [{
+            actionKey  : 'key-01-01',
+            actionTitle: 'Submenu Action #1',
+            icon: {
+              iconType : 'SYSTEM',
+              iconValue: 'star',
+            }
+          }, {
+            actionKey  : 'key-01-02',
+            actionTitle: 'Submenu Action #2',
+            icon: {
+              iconType : 'SYSTEM',
+              iconValue: 'star.lefthalf.fill',
+            }
+          }, {
+            actionKey  : 'key-01-03',
+            actionTitle: 'Submenu Action #3',
+            icon: {
+              iconType : 'SYSTEM',
+              iconValue: 'star.fill',
+            }
+          }]
+        }],
+      }}
+    >
+      <ContextMenuCard
+        index={props.index}
+        title={'ContextMenuViewExample07'}
+        subtitle={'displayInline + destructive submenu'}
+        description={[
+          `Same as Example #3 but the submenu has "destructive" and "displayInline" in it's menuOptions.`,
+          `This looks the same as "displayInline" submenu (i.e Example #5).`
+        ]}
+      />
+    </ContextMenuView>
+  );
+};
\ No newline at end of file