import { IconType } from "../icon/icon";
export interface ContextMenuItem {
- name: string | React.ComponentType;
- icon: React.ComponentType<any>;
+ name?: string | React.ComponentType;
+ icon?: IconType;
+ component?: React.ComponentType<any>;
}
export type ContextMenuItemGroup = ContextMenuItem[];
button
key={actionIndex}
onClick={() => onItemClick(item)}>
- <ListItemIcon>
- <item.icon />
- </ListItemIcon>
- <ListItemText>
- {typeof item.name === "string"
- ? item.name
- : <item.name />}
- </ListItemText>
+ {item.icon &&
+ <ListItemIcon>
+ <item.icon />
+ </ListItemIcon>}
+ {item.name &&
+ <ListItemText>
+ {item.name}
+ </ListItemText>}
+ {item.component &&
+ <item.component />}
</ListItem>)}
{groupIndex < items.length - 1 && <Divider />}
</React.Fragment>)}