import React from 'react';
import { DefaultProps, FlowindNumberSize, FlowindSize, Selectors } from '../../styles';
import { ForwardRefWithStaticComponents } from '../../utils/forwardRef-with-static-components';
import { StepCompleted } from './step-completed/step-completed';
import { Step, StepFragmentComponent, StepStylesNames } from './step/step';
import useStyles from './stepper.styles';
export type StepperStylesNames = Selectors<typeof useStyles> | StepStylesNames;
export interface StepperProps extends DefaultProps<StepperStylesNames>, React.ComponentPropsWithRef<'div'> {
    variant?: string;
    /** <Stepper.Step /> components only */
    children: React.ReactNode;
    /** Called when step is clicked */
    onStepClick?: (stepIndex: number) => void;
    /** Active step index */
    active: number;
    /** Step icon, defaults to step index + 1 when rendered within Stepper */
    icon?: React.ReactNode | StepFragmentComponent;
    /** Step icon displayed when step is completed */
    completedIcon?: React.ReactNode | StepFragmentComponent;
    /** Step icon displayed when step is in progress */
    progressIcon?: React.ReactNode | StepFragmentComponent;
    /** Step icon size */
    iconSize?: number;
    /** Key of theme.spacing or any valid CSS value to set content padding-top */
    contentPadding?: FlowindSize;
    /** Component orientation */
    orientation?: 'vertical' | 'horizontal';
    /** Icon position relative to step body */
    iconPosition?: 'right' | 'left';
    /** Component size */
    size?: FlowindSize;
    /** Key of theme.radius or any valid CSS value to set border-radius, "xl" by default */
    radius?: FlowindSize;
    /** Breakpoint at which orientation will change from horizontal to vertical */
    breakpoint?: FlowindNumberSize;
    responsive?: boolean;
    /** Whether to enable click on upcoming steps by default. Defaults to true **/
    allowNextStepsSelect?: boolean;
}
type StepperComponent = ForwardRefWithStaticComponents<StepperProps, {
    Step: typeof Step;
    Completed: typeof StepCompleted;
}>;
export declare const Stepper: StepperComponent;
export {};