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 ContextMenuViewTest02 ( props ) { return ( < ContextMenuView style = { props . style } menuConfig = { { menuTitle : 'ContextMenuViewTest02' , menuItems : [ { menuTitle : 'Inline Submenu #1' , menuOptions : [ 'displayInline' ] , menuItems : [ { actionKey : 'key-01' , actionTitle : 'Inline Action #1' , icon : { type : 'IMAGE_SYSTEM' , imageValue : { systemName : 'hare' , } , } } , { menuTitle : 'Submenu #1...' , icon : { type : 'IMAGE_SYSTEM' , imageValue : { systemName : 'calendar' , } , } , menuItems : [ { actionKey : 'key-02-01' , actionTitle : 'Submenu Action #1' , icon : { type : 'IMAGE_SYSTEM' , imageValue : { systemName : 'paperclip' , } , } } , { menuTitle : 'Inline Submenu #4' , menuOptions : [ 'displayInline' ] , menuItems : [ { actionKey : 'key-02-02' , actionTitle : 'Inline Submenu Action #2' , icon : { type : 'IMAGE_SYSTEM' , imageValue : { systemName : 'house' , } , } } , { actionKey : 'key-02-03' , actionTitle : 'Inline Submenu Action #3' , icon : { type : 'IMAGE_SYSTEM' , imageValue : { systemName : 'tag' , } , } } ] , } , { actionKey : 'key-02-04' , actionTitle : 'Submenu Action #4' , icon : { type : 'IMAGE_SYSTEM' , imageValue : { systemName : 'sun.haze' , } , } } ] , } ] , } , { menuTitle : 'Inline Submenu #2' , menuOptions : [ 'displayInline' ] , menuItems : [ { actionKey : 'key-03' , actionTitle : 'Inline Submenu Action #2' , menuAttributes : [ 'disabled' ] , icon : { type : 'IMAGE_SYSTEM' , imageValue : { systemName : 'suit.heart' , } , } } , { actionKey : 'key-04' , actionTitle : 'Inline Submenu Action #3' , icon : { type : 'IMAGE_SYSTEM' , imageValue : { systemName : 'suit.club' , } , } } ] , } , { actionKey : 'key-05' , actionTitle : 'Action #4' , menuAttributes : [ 'destructive' ] , icon : { type : 'IMAGE_SYSTEM' , imageValue : { systemName : 'trash' , } , } } ] } } > < ContextMenuCard index = { props . index } title = { 'ContextMenuViewTest02' } subtitle = { 'inline menus' } description = { [ `Test for multiple inline menu's + nested submenu's` ] } / > < /ContextMenuView>); } ;