import { Cre8Element } from '../cre8-element';
/** One item in a data-driven dropdown. */
export interface Cre8DropdownItemData {
    text: string;
    ariaLabel?: string;
}
/**
 * The Dropdown menu itself is a container that can host multiple interactive items, commonly formatted as a list
 *
 * @slot - The `cre8-dropdown-item` children of the menu
 */
export declare class Cre8Dropdown extends Cre8Element {
    static styles: import("lit").CSSResult[];
    open: boolean;
    /**
     * Dropdown header
     */
    buttonText: string;
    /**
     * Enables scrolling once content reached to specified height, the height should mention in px units, ex: 100px
     */
    maxHeight?: string;
    dropdownContent: HTMLElement;
    /**
     * button text represents as a link
     */
    dropdownWithLink: boolean;
    constructor();
    connectedCallback(): void;
    disconnectedCallback(): void;
    private _toggleDropdown;
    private _updateDropdownPosition;
    private _closeDropdown;
    /**
     * Items for a data-driven dropdown. Set this and the dropdown builds its own
     * `cre8-dropdown-item` children in the light DOM.
     */
    items?: Cre8DropdownItemData[];
    /** The composition the data property stands for. */
    private buildComposition;
    protected updated(changed: Map<string, unknown>): void;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'cre8-dropdown': Cre8Dropdown;
    }
}
export default Cre8Dropdown;
//# sourceMappingURL=dropdown.d.ts.map