import React, { Component } from 'react';
import { NativeSyntheticEvent, ViewProps, ViewStyle } from 'react-native';

export interface ContextMenuAction {
	/**
	 * The title of the action
	 */
	title: string;
	/**
	 * On iOS it is the name of the SFSymbols icon to use. On Android it is the name of the system Android icons (android.R.drawable)
	 */
	systemIcon?: string;
	/**
	 * Destructive items are rendered in red on iOS, and unchanged on Android. (default: false)
	 */
	destructive?: boolean;
	/**
	* Whether the action is disabled or not (default: false)
	*/
	disabled?: boolean;
	/**
	 * Whether its children (if any) should be rendered inline instead of in their own child menu (default: false, iOS only)
	 */
	inlineChildren?: boolean;
	/**
	 * Child actions. When child actions are supplied, the childs callback will contain its name but the same index as the topmost parent menu/action index. (iOS Only)
	 */
	actions?: Array<ContextMenuAction>;
}

export interface ContextMenuOnPressNativeEvent {
	index: number;
	name: string;
}

export interface ContextMenuProps extends ViewProps {
	/**
	 * The title of the menu
	 */
	title?: string;
	/**
	 * The actions to show the user when the menu is activated
	 */
	actions?: Array<ContextMenuAction>;
	/**
	 * Handle when an action is triggered and the menu is closed. The name of the selected action will be passed in the event.
	 */
	onPress?: (e: NativeSyntheticEvent<ContextMenuOnPressNativeEvent>) => void;
	/**
	 * Handle when the menu is cancelled and closed
	 */
	onCancel?: () => void;
	/**
	 * The background color of the preview. This is displayed underneath your view. Set this to transparent (or another color) if the default causes issues.
	 */
	previewBackgroundColor?: ViewStyle["backgroundColor"];
	/**
	 * Custom preview component.
	 */
	preview?: React.ReactNode;
	/**
	 * When enabled, uses iOS 14 menu mode, and shows the context menu on a single tap with no zoomed preview.
	 */
	dropdownMenuMode?: boolean;
	/**
	 * Background Color of context menu (Android only)
	 */
	androidMenuColor?: string;
	/**
     * Text Color of context menu items (Android only)
     */
    androidTextColor?: string;
}

export default class ContextMenu extends Component<ContextMenuProps> { }