interface Items {
    /** Context menu item type: line | divisor | default */
    type?: 'line' | 'divisor' | 'default';
    /** Context menu item title */
    title: string;
    /** Context menu icon key. (Material icon key icon identification) */
    icon?: string;
    /** HTML id property of the item DOM element */
    id?: string;
    /** Item is disabled */
    disabled?: boolean;
    /** Onclick event for the contextmenu item */
    onclick?: (instance: object, e: MouseEvent) => void;
    /** A short description or instruction for the item. Normally a shortcut. Ex. CTRL + C */
    shortcut?: string;
    /** Show this text when the user mouse over the element */
    tooltip?: string;
    /** Submenu */
    submenu?: Array<Items>;
}

interface Options {
    /** Items for the contextmenu */
    items: Items[],
    /** General onclick handler */
    onclick: null,
}

/** Toast Plugin */
export type Contextmenu = (el: HTMLElement, options: Options) => {
    /** Close the color picker */
    close: () =>  void;
    /** Get the current color in hex */
    create: (items: Items[]) =>  void;
    /** Open the contextmenu. You can overwrite the items each time the menu is opened */
    open: (event: MouseEvent, items?: Items[]) =>  void;
    /** Open the contextmenu. You can overwrite the items each time the menu is opened */
    options: Options;
    /** Initial settings */
    isOpened: () => boolean;
    /** Internal type */
    type: 'contextmenu';
}