import { NgClass } from '@angular/common';
import { ElementRef } from '@angular/core';
import { DokuDropdownMenu } from './dropdown-menu.directive';
import * as i0 from "@angular/core";
export declare class DokuDropdownMenuItem {
    protected elementRef: ElementRef;
    private dropdownMenu?;
    /**
     * Whether to disable the item.
     * It prevents from being clicked and has different styles.
     * @default false
     */
    disabled: boolean;
    /**
     * Whether to disable the click functionality of the item.
     * @default false
     */
    disableClick: boolean;
    /**
     * The appearance of the menu item.
     * - `normal` (default), has padding.
     * - `plain`, no additional styles.
     */
    appearance: 'normal' | 'plain';
    protected get classes(): NgClass['ngClass'];
    private nestedDropdownMenu?;
    constructor(elementRef: ElementRef, dropdownMenu?: DokuDropdownMenu | undefined);
    protected get hasNestedDropdownMenu(): boolean;
    protected onClick(event: Event): void;
    protected onMouseEnter(): void;
    protected onMouseLeave(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<DokuDropdownMenuItem, [null, { optional: true; host: true; }]>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<DokuDropdownMenuItem, "[doku-dropdown-menu-item]", ["dokuDropdownMenuItem"], { "disabled": "disabled"; "disableClick": "disableClick"; "appearance": "appearance"; }, {}, ["nestedDropdownMenu"], never, true>;
}