import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
import type { StepperPaneEvent } from 'q2-tecton-common/lib/types/elements';
/**
 * @name Stepper Pane
 * @category Display
 * @summary Use as a single step within a Stepper or Vertical Stepper.
 * @slot label - An optional slot to replace the label attribute with custom content as the stepper pane's label.
 * @slot description - An optional slot to replace the description attribute with custom content as the stepper pane's description.
 * If you would like to ellipsize any part of the description, Tecton exposes an `ellipsize` class for you to use.
 * @slot children - A slot specifically for [Vertical Stepper](https://tecton.q2developer.com/design-system/q2-stepper-vertical) to display child `q2-stepper-pane` elements within a stepper pane.
 */
export declare class Q2StepperPane implements ComponentInterface {
    mutationObserver: MutationObserver;
    hostElement: HTMLElement;
    isChildActive: boolean;
    /**
     * The description for the pane.
     * @localizable
     */
    description: string;
    /** Disables the pane's step button in the stepper, preventing user interaction. */
    disabled: boolean;
    /**
     * Used by q2-stepper and q2-stepper-vertical to determine which pane is active
     * @private
     */
    isActive: boolean;
    /**
     * The label for the pane.
     * @localizable
     */
    label: string;
    /**
     * Indicates to display the content of the pane when one of its children is selected.
     * @info
     * Currently only supported in the `<q2-stepper-vertical>` component.
     */
    showWithChildren: boolean;
    /** The status of the pane. */
    status: 'complete' | 'error' | 'locked';
    /**
     * Emitted when the active state of the pane changes.
     * @deprecated Use 'tctActiveChange' instead
     */
    activeChange: EventEmitter<StepperPaneEvent>;
    /**
     * Emitted when the content of the pane changes.
     * @private
     */
    contentChange: EventEmitter<undefined>;
    /**
     * Emitted when the status of the pane changes.
     * @deprecated Use 'tctStatusChange' instead
     */
    statusChange: EventEmitter<StepperPaneEvent>;
    /**
     * Emitted when the active state of the pane changes.
     */
    tctActiveChange: EventEmitter<StepperPaneEvent>;
    /**
     * Emitted when the status of the pane changes.
     */
    tctStatusChange: EventEmitter<StepperPaneEvent>;
    connectedCallback(): void;
    disconnectedCallback(): void;
    componentWillLoad(): void;
    componentDidLoad(): void;
    labelOrDescriptionChanged(): void;
    isActiveChanged(isActive: any): void;
    checkForActiveChildren(): void;
    statusChanged(status: any): void;
    render(): any;
}