import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
import { SbbElement } from '../../core/base-elements.ts';
import { SbbStepLabelElement } from '../step-label/step-label.component.ts';
import { SbbStepperElement } from '../stepper/stepper.component.ts';
export interface SbbStepValidateEventDetails {
    currentIndex: number | null;
    currentStep: SbbStepElement | null;
    nextIndex: number | null;
    nextStep: SbbStepElement | null;
}
/**
 * Combined with a `sbb-stepper`, it displays a step's content.
 *
 * @slot - Use the unnamed slot to provide content.
 */
export declare class SbbStepElement extends SbbElement {
    static readonly elementName: string;
    static readonly role = "tabpanel";
    static styles: CSSResultGroup;
    static readonly events: {
        readonly validate: "validate";
        readonly resizechange: "resizechange";
    };
    private _stepResizeObserver;
    /** The label of the step. */
    get label(): SbbStepLabelElement | null;
    private _label;
    get stepper(): SbbStepperElement | null;
    private _previousOrientation?;
    constructor();
    /**
     * Selects and configures the step.
     * @internal
     * TODO: @breaking-change: make protected
     */
    select(): void;
    /**
     * Deselects and configures the step.
     * @internal
     * TODO: @breaking-change: make protected
     */
    deselect(): void;
    /**
     * Emits a validate event whenever step switch is triggered.
     * @internal
     * TODO: @breaking-change: make protected
     */
    validate(eventData: SbbStepValidateEventDetails): boolean;
    /**
     * Configures the step.
     * @internal
     * TODO: @breaking-change: make protected
     */
    configure(stepperLoaded: boolean): void;
    /** Watches for clicked elements with `sbb-stepper-next` or `sbb-stepper-previous` attributes. */
    private _handleClick;
    private _isGoNextElement;
    private _isGoPreviousElement;
    private _onStepElementResize;
    connectedCallback(): void;
    protected firstUpdated(changedProperties: PropertyValues<this>): void;
    private _assignLabel;
    protected render(): TemplateResult;
}
declare global {
    interface HTMLElementTagNameMap {
        'sbb-step': SbbStepElement;
    }
}
declare global {
    interface GlobalEventHandlersEventMap {
        resizechange: Event;
    }
}
//# sourceMappingURL=step.component.d.ts.map