export declare const MENU_CONTAINER_CLASS = "vtable-context-menu-container";
export declare const MENU_ITEM_CLASS = "vtable-context-menu-item";
export declare const MENU_ITEM_DISABLED_CLASS = "vtable-context-menu-item-disabled";
export declare const MENU_ITEM_SEPARATOR_CLASS = "vtable-context-menu-item-separator";
export declare const MENU_ITEM_SUBMENU_CLASS = "vtable-context-menu-item-submenu";
export declare const MENU_STYLES: {
    menuContainer: {
        position: string;
        backgroundColor: string;
        boxShadow: string;
        borderRadius: string;
        padding: string;
        zIndex: number;
        minWidth: string;
        maxHeight: string;
        overflowY: string;
        fontSize: string;
    };
    menuItem: {
        padding: string;
        cursor: string;
        whiteSpace: string;
        position: string;
        display: string;
        alignItems: string;
        justifyContent: string;
    };
    menuItemHover: {
        backgroundColor: string;
    };
    menuItemDisabled: {
        opacity: number;
        cursor: string;
    };
    menuItemSeparator: {
        height: string;
        backgroundColor: string;
        margin: string;
    };
    menuItemIcon: {
        marginRight: string;
        width: string;
        height: string;
        display: string;
        alignItems: string;
        justifyContent: string;
    };
    menuItemText: {
        flex: number;
    };
    menuItemShortcut: {
        marginLeft: string;
        color: string;
        fontSize: string;
    };
    submenuArrow: {
        marginLeft: string;
        fontSize: string;
        color: string;
    };
    submenuContainer: {
        position: string;
        left: string;
        top: string;
        backgroundColor: string;
        boxShadow: string;
        borderRadius: string;
        padding: string;
        zIndex: number;
        minWidth: string;
        fontSize: string;
    };
    inputContainer: {
        padding: string;
        display: string;
        alignItems: string;
    };
    inputLabel: {
        marginRight: string;
        whiteSpace: string;
    };
    inputField: {
        width: string;
        padding: string;
        border: string;
        borderRadius: string;
    };
    buttonContainer: {
        display: string;
        justifyContent: string;
        padding: string;
    };
    button: {
        padding: string;
        backgroundColor: string;
        color: string;
        border: string;
        borderRadius: string;
        cursor: string;
        fontSize: string;
    };
};
export declare function createElement(tag: string, className?: string, styles?: Record<string, any>): HTMLElement;
export declare function applyStyles(element: HTMLElement, styles: Record<string, any>): void;
export declare function createIcon(iconName: string): HTMLElement;
export declare function createNumberInputItem(label: string, defaultValue: number, iconName: string, callback: (value: number) => void): HTMLElement;