import { Placement } from "@floating-ui/dom";
export type DropdownAlignType = 'auto' | 'top' | 'bottom' | 'right' | 'left';
export declare class XDropdown {
    /**
     * Element show dropdown content
     */
    show?: boolean;
    /**
     * Tooltip aligment to show over element
     */
    align?: Placement;
    /**
     * Show element on hover
     */
    hover?: boolean;
    /**
     * Sync width of parent element to child
     */
    syncWidth?: boolean;
    /**
     * Element offset distance in pixels
     */
    offset: number;
    /**
     * Element reference
     */
    el: HTMLElement;
    /**
     * Container dropdown element
     */
    private container;
    /**
     * Update setting on align change
     */
    watchAlignAndShow(): void;
    /**
     * On element is mounted
     */
    componentDidLoad(): void;
    /**
     * On component did destroyed hook
     */
    disconectedCallback(): void;
    /**
     * Event triggered on mouse enter hover container
     */
    private onMouseEnterOnContainer;
    /**
     * Event triggered on mouse leave hover container
     */
    private onMouseLeaveOnContainer;
    /**
     * Update the instance or create
     */
    private updateDropdownContainer;
    /**
     * Show tooltip overlay
     */
    display(show: boolean): Promise<void>;
    /**
     * Render element
     */
    render(): any;
}
