import { HTMLAttributes } from 'react';
import { S as Steps, a as StepperOrientation } from './index-BKep9hw_.js';
export { P as PolymorphicComponentType, b as StepperContextType, c as StepperDirection } from './index-BKep9hw_.js';

/**
 * Props for build stepper.
 */
type StepperProps = {
    /** List of steps. */
    steps: Steps[];
    /** Current step selected. */
    currentStep?: number;
    /** Orientation. Default is horizontal. */
    orientation?: StepperOrientation;
};
/**
 * Types for the stepper state.
 */
type StepperState = {
    /** returns the current step. */
    currentStep: number;
    /** Unique ID to the progress bar. */
    progressId: string;
    /** These ID you can use with a span element to represent the progress bar label. */
    labelId: string;
    /** Check if has previuos step. */
    hasPreviousStep?: boolean;
    /** Check if has next step. */
    hasNextStep?: boolean;
    /** returns the total steps. */
    totalSteps: number;
};
/**
 * Hook to use stepper.
 */
type UseStepper = {
    /** Props to use into any React element to represent the stepper. */
    stepperProps: HTMLAttributes<HTMLElement>;
    /** Props to use into any React Element to represent the steps. */
    stepsProps: HTMLAttributes<HTMLElement>[];
    /** props to use into a HTMLElement to represents a progress bar. */
    progressProps: HTMLAttributes<HTMLElement>;
    /** the stepper state with current step, disabled steps and other props. */
    state: StepperState;
    /** Next step */
    nextStep: () => void;
    /** Previous step */
    prevStep: () => void;
    /** Choise a step to go to. */
    setStep: (step: number) => void;
};
declare const useStepper: ({ orientation, ...rest }: StepperProps) => UseStepper;

declare const useIsomorphicId: () => string;

export { StepperOrientation, type StepperProps, type StepperState, Steps, type UseStepper, useIsomorphicId, useStepper };