import type { PnLanguages } from "../../../globals/types";
/**
 * The `pn-progress-stepper` is used to visualize the users progress through a flow (checkout/survey, etc...).
 **/
export declare class PnProgressStepper {
    private readonly id;
    private readonly minStep;
    private readonly maxStep;
    hostElement: HTMLElement;
    private builtInLabel;
    /** Percentage calculated with currentStep / totalSteps. */
    private progressValue;
    /** Set custom label for the stepper, default label is "Step". */
    label?: string;
    /** Set a custom HTML id on the progress stepper element to associate progress bar with label. */
    progressStepperId?: string;
    /**
     * Set the language manually, only use this prop if the pnTopbar is not loaded.
     * Will not overwrite the custom `label` prop if used.
     **/
    language?: PnLanguages;
    /** Set total amount of steps, maximum allowed is `7`. @category Steps */
    totalSteps: number;
    /** The current step of the progress stepper. @category Steps */
    currentStep: number;
    /** You can add a custom optional string to the label if you need a name for the current step. @category Steps */
    stepName?: string;
    /**
     * Use the dots visual, instead of the bar.
     *
     * This will hide the label from view, but is still accessible to screenreaders.
     *
     * @since v7.16.0
     * @category Visual
     */
    dots: boolean;
    stepWatchers(a: number, b: number, c: 'currentStep' | 'totalSteps'): void;
    watchLanguage(): void;
    componentWillLoad(): Promise<void>;
    private validate;
    private calculateProgress;
    private getLabel;
    private getId;
    render(): any;
}
