import { ReactNode } from 'react';
export interface ArchbaseOnboardingTourStep {
    /** ID único do step */
    id: string;
    /** Seletor CSS do elemento a ser destacado */
    target?: string;
    /** Título do step */
    title?: ReactNode;
    /** Conteúdo/descrição do step */
    content?: ReactNode;
}
export interface ArchbaseOnboardingTourProps {
    /** Array de steps do tour */
    steps: ArchbaseOnboardingTourStep[];
    /** Callback quando o tour é iniciado */
    onStart?: () => void;
    /** Callback quando o tour é finalizado */
    onEnd?: () => void;
    /** Callback quando o step muda */
    onChange?: (step: ArchbaseOnboardingTourStep) => void;
    /** Iniciar o tour automaticamente ao montar o componente */
    autoStart?: boolean;
    /** Se o tour deve ser repetido (loop) */
    loop?: boolean;
    /** Conteúdo da aplicação */
    children: ReactNode;
    /** Label do botão próximo */
    nextLabel?: string;
    /** Label do botão anterior */
    prevLabel?: string;
    /** Label do botão finalizar */
    finishLabel?: string;
    /** Label do botão pular */
    skipLabel?: string;
    /** Mostrar botão pular */
    showSkip?: boolean;
}
/**
 * ArchbaseOnboardingTour — Tour interativo de onboarding sem dependências externas.
 * Usa Mantine Overlay + Portal para destacar elementos e exibir tooltips.
 */
export declare function ArchbaseOnboardingTour({ steps, onStart, onEnd, onChange, autoStart, loop, children, nextLabel, prevLabel, finishLabel, skipLabel, showSkip, }: ArchbaseOnboardingTourProps): import("react/jsx-runtime").JSX.Element;
/**
 * Hook para controlar o tour programaticamente
 */
export declare function useArchbaseOnboarding(): {
    started: boolean;
    start: () => void;
    stop: () => void;
};
