import { default as React, ReactNode } from 'react';
import { StepperProps, MantineColor, MantineSize } from '@mantine/core';
export interface ArchbaseStepperStep {
    /** Identificador único do step */
    id?: string;
    /** Título do step */
    title: string;
    /** Descrição do step */
    description?: string;
    /** Ícone do step */
    icon?: ReactNode;
    /** Cor do step quando ativo */
    color?: MantineColor;
    /** Se o step pode ser clicado para navegar diretamente */
    allowStepSelect?: boolean;
    /** Se o step está desabilitado */
    disabled?: boolean;
    /** Conteúdo do step */
    children?: ReactNode;
    /** Estado de carregamento do step */
    loading?: boolean;
}
export interface ArchbaseStepperProps extends Omit<StepperProps, 'children' | 'active' | 'onStepClick'> {
    /** Lista de steps */
    steps: ArchbaseStepperStep[];
    /** Step ativo (controlado) */
    active?: number;
    /** Step ativo inicial (não controlado) */
    defaultActive?: number;
    /** Callback quando o step muda */
    onStepChange?: (nextStep: number, prevStep: number) => void;
    /** Se permite clicar nos steps para navegar */
    allowStepClick?: boolean;
    /** Orientação do stepper */
    orientation?: 'horizontal' | 'vertical';
    /** Tamanho do stepper */
    size?: MantineSize;
    /** Cor do stepper */
    color?: MantineColor;
    /** Ícone de step completado */
    completedIcon?: ReactNode;
    /** Ícone de step em progresso */
    progressIcon?: ReactNode;
    /** Raio do ícone do step */
    iconSize?: number;
    /** Estilo do conector entre steps */
    contentPadding?: number;
    /** Se deve mostrar a barra de progresso */
    withProgress?: boolean;
}
export declare const ArchbaseStepper: React.ForwardRefExoticComponent<Omit<ArchbaseStepperProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
