import { ReactNode, CSSProperties, ComponentType, FC } from 'react';

declare enum VoyagerStatusesEnum {
    Idle = "Idle",
    Waiting = "Waiting",
    Active = "Active",
    Paused = "Paused",
    Stopped = "Stopped",
    Skipped = "Skipped",
    Completed = "Completed"
}

type VoyagerPopperSide = 'top' | 'bottom' | 'left' | 'right';
type VoyagerPopperAlignment = 'start' | 'end' | null;
type VoyagerPopperPlacement = 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end' | 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end';

type VoyagerRootElement = string | Element | (() => Element | null);
type VoyagerErrorCode = 'target-not-found' | 'root-not-found';
type VoyagerError = {
    code: VoyagerErrorCode;
    message: string;
    selector?: string;
    stepIndex?: number;
};
type VoyagerHelpersType = {
    start: () => Promise<void>;
    stop: () => Promise<void>;
    skip: () => void;
    goToStep: (newStep: number) => void;
    goNextStep: () => Promise<void>;
    goBackStep: () => Promise<void>;
    updateSteps: (selector: StepType['selector'], data: Partial<StepType>) => void;
};
type StylesType = {
    mask?: CSSProperties;
    overlay?: CSSProperties;
    popper?: CSSProperties;
};
type ComponentPadding = number | [number, number];
type Padding = number | {
    mask?: ComponentPadding;
    popper?: ComponentPadding;
    wrapper?: ComponentPadding;
};
type ZIndex = number | {
    mask?: number;
    popper?: number;
};
type SharedProps = {
    rootEl?: VoyagerRootElement;
    localStorageKey?: string;
    loadingTimeout?: number;
    loader?: ReactNode;
    steps: StepType[];
    styles?: StylesType;
    padding?: Padding;
    zIndex?: ZIndex;
    borderRadius?: number;
    placement?: VoyagerPopperPlacement;
    disableInteraction?: boolean;
    afterOpen?: (target: Element | null) => void;
    beforeClose?: (target: Element | null) => void;
    onClickHighlighted?: (event: MouseEvent, target: Element | null) => void;
    onError?: (error: VoyagerError) => void;
    scrollSmooth?: boolean;
    PopperContent: ComponentType<PopperContentProps>;
    Wrapper?: ComponentType<{
        children?: ReactNode;
    }>;
    startAt?: number;
    onChangeStep?: (step: StepType, currentStep: number) => Promise<void> | void;
};
type PopperContentProps = VoyagerStoreType & VoyagerHelpersType & Omit<StepType, 'title' | 'content'> & {
    title?: ReactNode;
    content: ReactNode;
};
type VoyagerStoreType = {
    status: VoyagerStatusesEnum;
    prevStep?: StepType;
    currStep?: StepType;
    nextStep?: StepType;
    isOpen: boolean;
    currentStep: number;
    steps: StepType[];
} & Pick<SharedProps, 'startAt'>;
type VoyagerProps = Omit<SharedProps, 'localStorageKey' | 'steps' | 'startAt'>;
type VoyagerProviderProps = VoyagerProps & {
    steps: StepType[];
    localStorageKey?: string;
    startAt?: number;
    children: ReactNode;
    defaultOpen?: boolean;
    beforeStart?: () => Promise<void> | void;
    afterStart?: () => Promise<void> | void;
    beforeStop?: () => Promise<void> | void;
    afterStop?: () => Promise<void> | void;
};
type StepType = {
    selector: string;
    title?: ReactNode | ((props: PopperContentProps) => ReactNode);
    content: ReactNode | ((props: PopperContentProps) => ReactNode);
    placement?: VoyagerPopperPlacement;
    stepInteraction?: boolean;
    padding?: Padding;
    styles?: StylesType;
    loadingTimeout?: number;
    onBeforeStep?: () => Promise<void> | void;
    onAfterStep?: () => Promise<void> | void;
    onChangeStep?: (step: StepType, currentStep: number) => Promise<void> | void;
    meta?: Record<string, unknown>;
    canDisplayWhenPageReload?: boolean;
    disableNextStepBtn?: boolean;
    disableBackStepBtn?: boolean;
};

declare const Voyager: FC<VoyagerProps>;

declare const VoyagerProvider: FC<VoyagerProviderProps>;

declare const useVoyager: () => VoyagerStoreType;
declare const useVoyagerHelpers: () => VoyagerHelpersType;

export { type ComponentPadding, type Padding, type PopperContentProps, type StepType, type StylesType, Voyager, type VoyagerError, type VoyagerErrorCode, type VoyagerHelpersType, type VoyagerPopperAlignment, type VoyagerPopperPlacement, type VoyagerPopperSide, type VoyagerProps, VoyagerProvider, type VoyagerProviderProps, type VoyagerRootElement, VoyagerStatusesEnum, type VoyagerStoreType, type ZIndex, useVoyager, useVoyagerHelpers };