import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
/**
 * @name Section
 * @category Display
 * @summary Use for grouping related content with a header and optional collapse.
 * @slot q2-section-header - An optional slot to display a custom header.
 */
export declare class Q2Section implements ComponentInterface {
    contentContainer: HTMLDivElement;
    contentId: string;
    contentSlot: HTMLSlotElement;
    contentSlotMutationObserver: MutationObserver;
    headerSlot: HTMLSlotElement;
    headerSlotMutationObserver: MutationObserver;
    headerSlotWrapper: HTMLDivElement;
    resizerFn: NodeJS.Timeout | undefined;
    titleId: string;
    hostElement: HTMLElement;
    contentHeight: string;
    hasYieldedHeader: boolean;
    hideContent: boolean;
    /** Determines if the section is collapsible. */
    collapsible: boolean;
    /** Indicates if the `q2-section` is in an expanded state or not. */
    expanded: boolean;
    /**
     * The text to display above the `q2-section`. Renders as an `<h2>` element.
     *
     * It is also used to provided an `aria-label` for the toggle button when the component is collapsible.
     *
     * @warning
     * If you are providing a custom header, setting this property is still strongly encouraged for the purposes of
     * accessibility.
     */
    label: string;
    /** Determines if the collapse chevron icon should show in the `q2-section` header. */
    noCollapseIcon: boolean;
    /**
     * Emitted when the section is expanded or collapsed.
     * @legacyEvent
     * @deprecated Use 'tctChange' instead
     */
    change: EventEmitter<{
        expanded: boolean;
    }>;
    /**
     * Emitted when the section is expanded or collapsed.
     * @legacyEvent
     */
    tctChange: EventEmitter<{
        expanded: boolean;
    }>;
    disconnectedCallback(): void;
    componentWillLoad(): void;
    componentDidLoad(): void;
    defaultChangeHandler(event: CustomEvent): void;
    delegateFocus(event: FocusEvent): void;
    /**
     * A test method to collapse section.
     *
     * @testOnly
     */
    collapse(): Promise<void>;
    /**
     * A test method to expand section.
     *
     * @testOnly
     */
    expand(): Promise<void>;
    collapsibleObserver(): void;
    expandedObserver(expanded: boolean): Promise<void>;
    get contentContainerHeight(): string;
    get currentHeight(): string;
    addContentSlotListener: () => void;
    addHeaderSlotListener: () => void;
    clearResizeInterval: () => void;
    collapseSection(): Promise<void>;
    expandSection(): Promise<void>;
    onHeaderClick: () => void;
    onHeaderSlotChange: () => void;
    onTransitionEnd: () => void;
    removeContentSlotListener: () => void;
    removeHeaderSlotListener: () => void;
    render(): any;
}