import { Q2ResizeObserverCustomEvent } from "../../components";
import { ComponentInterface } from '../../stencil-public-runtime';
/**
 * @name Action Group
 * @category Display
 * @summary Use for laying out groups of buttons or links with consistent spacing.
 */
export declare class Q2ActionGroup implements ComponentInterface {
    container: HTMLDivElement;
    mutationObserver: MutationObserver;
    hostElement: HTMLElement;
    autoOrientation: 'vertical' | 'horizontal';
    slottedElements: HTMLElement[];
    /**
     * Whether the slotted elements should take up the full width of the container when in horizontal orientation.
     *
     * @warning
     * This will prevent the buttons from wrapping when the container is too small to fit all buttons.
     */
    fullWidth: boolean;
    /**
     * The orientation of the buttons, which will override the auto orientation.
     *
     * @info
     * This will override and disable the auto determination of the orientation.
     * @warning
     * Vertical orientation is not supported for [Links](https://tecton.q2developer.com/design-system/q2-link/)
     * or `"coin"` [Buttons](https://tecton.q2developer.com/design-system/q2-btn/), and will be set to "horizontal".
     */
    orientation: 'auto' | 'vertical' | 'horizontal';
    /**
     * The width, in pixels, that determines whether to display the buttons in vertical or horizontal orientation
     *
     * @info
     * The component determines this based on the width of the element itself, not the browser window.
     */
    orientationThreshold: number;
    disconnectedCallback(): void;
    componentWillLoad(): void;
    componentDidLoad(): void;
    componentDidRender(): void;
    toggleHiddenForOneFrame(): void;
    get computedOrientation(): 'vertical' | 'horizontal';
    get shouldDisableResizeObserver(): boolean;
    filterSlottedElements: () => void;
    flattenElements: (assignedElements: Element[]) => HTMLElement[];
    handleFullWidth(fullWidth: boolean): void;
    handleResize: (event: Q2ResizeObserverCustomEvent<{
        entries: ResizeObserverEntry[];
    }>) => void;
    handleSeparator: () => void;
    hasBtnOnly(elements: HTMLElement[]): boolean;
    hasCoin(elements: HTMLElement[]): HTMLElement;
    initMutationObserver: () => void;
    onMutationObserved: () => void;
    render(): any;
}