import { PharosElement } from '../base/pharos-element';
import type { TemplateResult, CSSResultArray } from 'lit';
import { PharosIcon } from '../icon/pharos-icon';
import type { IconName } from '../icon/pharos-icon';
export type { IconName };
declare const PharosDropdownMenuItem_base: typeof PharosElement;
/**
 * Pharos dropdown menu item component.
 *
 * @tag pharos-dropdown-menu-item
 *
 * @slot description - Content that describes the item.
 * @slot - Contains the content of dropdown item.
 *
 */
export declare class PharosDropdownMenuItem extends PharosDropdownMenuItem_base {
    static elementDefinitions: {
        'pharos-icon': typeof PharosIcon;
    };
    /**
     * The icon to be used for the item
     * @attr icon
     * @type {IconName | undefined}
     */
    icon?: IconName;
    /**
     * Indicates if the item is currently selected.
     * @attr selected
     */
    selected: boolean;
    /**
     * Indicates the target URL of the link. Setting this attribute renders the item as a link.
     * @attr link
     */
    link: string;
    /**
     * Indicates where to display the linked URL.
     * @attr target
     */
    target: '_blank' | '_parent' | '_self' | '_top';
    /**
     * Indicates the relationship of the resource to the current document.
     * @attr rel
     */
    rel?: string;
    /**
     * Indicates if the item is disabled.
     * @attr disabled
     */
    disabled: boolean;
    /**
     * Indicates the menu item is displayed on a dark background.
     * @attr is-on-background
     */
    isOnBackground: boolean;
    private _first;
    private _last;
    private _active;
    private _menu;
    static get styles(): CSSResultArray;
    protected firstUpdated(): void;
    private _handleClick;
    private _handleMousedown;
    private _handleMouseup;
    private _renderIcon;
    private _renderCheckmark;
    private _renderDescription;
    protected get itemContent(): TemplateResult;
    protected render(): TemplateResult;
}
//# sourceMappingURL=pharos-dropdown-menu-item.d.ts.map