import React from 'react';
interface offsetsProps {
    x?: number;
    y?: number;
    arrow?: number;
}
export interface CoachmarkArrowPosition {
    x?: number;
    y?: number;
}
declare type CoachmarkSimpleBaseProps = Omit<React.ComponentPropsWithoutRef<'div'>, 'css'>;
interface UnifyCoachmarkSimpleProps {
    /**
     * Specify Coachmark content /  description
     */
    children?: React.ReactNode;
    /**
     * Specify an added className
     */
    className?: string;
    /**
     * Specify Coachmark content / description
     */
    description?: React.ReactNode;
    /**
     * Specify footer content
     */
    footer?: React.ReactNode;
    /**
     * Specify a timeout (in milisecond) to trigger `onClose` function when the Coachmark is out of viewport
     */
    hiddenTimeout?: number;
    /**
     * To adjust Coachmark `x` & `y` and `arrow` positions, see [offsets properties](#offsets-properties)
     */
    offsets?: offsetsProps;
    /**
     * Watch clientHeight element of this selector, default value `body`
     */
    container?: string;
    /**
     * Specify button aria-label language
     */
    lang?: string;
    /**
     * Specify Coachmark placement | value: `oneOf(['top', 'bottom'])`
     */
    placement?: string;
    /**
     * Specify the target element's selector
     */
    selector?: string;
    /**
     * To toggle visibility of coachmark
     */
    show?: boolean;
    /**
     * Specify a timeout (in milisecond) to trigger `onClose` function
     */
    timeout?: number;
    /**
     * Specify Coachmark Title
     */
    title?: string;
    /**
     * Specify Coachmark width
     */
    width?: number;
    /**
     * Specify Coachmark z-index
     */
    zIndex?: number;
    /**
     * A function to be called when the `animationend` event is triggered | params: `e`: event
     */
    onAnimationEnd?: (e?: React.AnimationEvent<HTMLDivElement>) => void;
    /**
     * A function to be called when the `close` event is triggered
     */
    onClose?: (e?: React.MouseEvent<HTMLButtonElement>) => void;
}
export declare type CoachmarkSimpleProps = UnifyCoachmarkSimpleProps & Omit<CoachmarkSimpleBaseProps, keyof UnifyCoachmarkSimpleProps>;
declare type CoachmarkStepBaseProps = React.ComponentProps<'div'>;
export interface UnifyCoachmarkStepProps {
    /**
     * Indicate the current active coachmark item
     */
    activeIndex?: number;
    /**
     * Specify timeout (in milisecond) to trigger `onClose` when the CoachmarkStep is out of viewport
     */
    hiddenTimeout?: number;
    /**
     * Specify CoachmarkStep items
     */
    items?: UnifyCoachmarkSimpleProps[];
    /**
     * Specify CoachmarkStep language
     */
    lang?: string;
    /**
     * To toggle visibility of CoachmarkStep
     */
    show?: boolean;
    /**
     * Specify delayed time CoachmarkStep to show (in milisecond)
     */
    showDelay?: number;
    /**
     * Specify the timeout (in milisecond) to trigger `onClose` function
     */
    timeout?: number;
    /**
     * A function to be called when the next / prev button is clicked | params: `e`: event, `nextActiveIndex`: next activeIndex, `direction`: `oneOf(['PREV','NEXT'])`
     */
    onChange?: (e: React.MouseEvent<HTMLButtonElement>, nextActiveIndex: number, direction: string) => void;
    /**
     * A function to be called when the `close` event is triggered | params: `e`: event, `nextActiveIndex`: next activeIndex
     */
    onClose?: (e?: React.MouseEvent<HTMLButtonElement>, nextActiveIndex?: number) => void;
    /**
     * A function to be called when the finish button is clicked | params: `e`: event
     */
    onFinish?: (e?: React.MouseEvent<HTMLButtonElement>) => void;
}
export declare type CoachmarkStepProps = UnifyCoachmarkStepProps & Omit<CoachmarkStepBaseProps, keyof UnifyCoachmarkStepProps>;
export interface CoachmarkAnimateZoom {
    className?: string;
    show?: boolean;
    transformOrigin?: string;
    placement?: string;
    onAnimationEnd?: Function;
}
export interface CoachmarkBox {
    arrowPosition?: CoachmarkArrowPosition;
    placement?: string;
    hasFooter?: boolean;
    hasTitle?: boolean;
}
export interface CoachmarkWrapper {
    isFixed?: boolean;
    zIndex?: number;
    width?: number;
    hasFooter?: boolean;
    x?: number;
    y?: number;
    height?: number;
}
export interface CoachmarkItem {
    description?: React.ReactNode;
    offsets?: offsetsProps;
    container?: string;
    placement?: string;
    selector?: string;
    title?: string;
    width?: number;
    zIndex?: number;
}
export declare type CoachmarkSimpleTargetRect = Pick<DOMRect, 'top' | 'left' | 'height' | 'width'>;
export {};