import * as React from 'react';
export interface TourStepDef {
    target: string | React.RefObject<Element | null>;
    title: React.ReactNode;
    description?: React.ReactNode;
}
export interface TourProps extends React.HTMLAttributes<HTMLDivElement> {
    /** Tour steps in order. */
    steps?: readonly TourStepDef[] | undefined;
    /** Controlled open state. Pair with `onOpenChange`. */
    open?: boolean;
    /** Initial open state when uncontrolled. */
    defaultOpen?: boolean;
    /** Called with the next open state when it changes. */
    onOpenChange?: (open: boolean, details: unknown) => void;
    /** Controlled current step index. Pair with `onStepChange`. */
    step?: number;
    /** Initial step index when uncontrolled. */
    defaultStep?: number;
    /** Called with the next step index. */
    onStepChange?: (index: number) => void;
    /** Labels for the nav buttons. */
    labels?: {
        next?: string;
        prev?: string;
        done?: string;
        skip?: string;
        dismiss?: string;
    };
}
export declare const Tour: {
    Root: ({ steps, open, defaultOpen, onOpenChange, step, defaultStep, onStepChange, labels, className, ref, ...rest }: TourProps & {
        /** Ref to the rendered root element. */
        ref?: React.Ref<HTMLDivElement> | undefined;
    }) => React.JSX.Element | null;
    Step: ({ className, ref, ...rest }: React.HTMLAttributes<HTMLDivElement> & {
        ref?: React.Ref<HTMLDivElement> | undefined;
    }) => React.JSX.Element;
};
//# sourceMappingURL=Tour.client.d.ts.map