import React from 'react';
import { Placement } from 'tippy.js';
export type TutorialDataStep = {
    /** title of step */
    title: string;
    /** Content */
    content?: string;
    /** Link to page where they can read more */
    readMoreLink?: string;
};
export type TutorialProps = {
    /** Label for the action button @default `Action` */
    actionLabel?: string;
    /** Target element for the tutorial */
    children: React.ReactNode;
    /** Custom class name */
    className?: string;
    /** An id for further handling with localStorage */
    id: string;
    /** Invoked once the action button is clicked. */
    onAction?: () => void;
    /** Invoked once the dismiss button is clicked. */
    onDismiss?: () => void;
    /** Invoked once the finish button is clicked. */
    onFinish?: () => void;
    /** Popover placement */
    placement?: Placement;
    /** An array of steps */
    steps: TutorialDataStep[];
    /** Show the Skip button */
    showSkipButton?: boolean;
    /** General tutorial title */
    title: string;
    /** Link to page where they can read more */
    readMoreLink?: string;
};
export type TutorialCardProps = {
    /** Label for the action button @default `Action` */
    actionLabel?: string;
    /** Custom class name */
    className?: string;
    /** The card title */
    title: string;
    /** Steps of the card */
    steps: TutorialDataStep[];
    /** Invoked once the action button clicked. */
    onAction?: () => void;
    /** Callback for the dismiss button click. */
    onDismiss?: () => void;
    /** Callback for the finish button click. */
    onFinish?: () => void;
    /** Link to page where they can read more */
    readMoreLink?: string;
    /** Show the Skip button */
    showSkipButton?: boolean;
};
export type TutorialStepProps = {
    /** If the step is active or not */
    active: boolean;
    /** Title of step */
    title: string;
    /** Step content */
    content?: string;
    /** Link to page where user can read more */
    readMoreLink?: string;
};
export type TutorialStepWrapper = {
    key: number;
    step: TutorialDataStep;
};
export type CloseEvent = 'dismissed' | 'finished';
//# sourceMappingURL=tutorial.types.d.ts.map