import * as React from 'react';
import { CSSProperties } from 'styled-components';
import { Popover } from './Popover';
export declare enum ProductTourPosition {
    TOP_LEFT = "top-start",
    TOP_CENTER = "top",
    TOP_RIGHT = "top-end",
    BOTTOM_LEFT = "bottom-start",
    BOTTOM_CENTER = "bottom",
    BOTTOM_RIGHT = "bottom-end"
}
type ObjectType = {
    img: string;
    video?: undefined;
    object?: undefined;
} | {
    video: string;
    img?: undefined;
    object?: undefined;
} | {
    object: React.ReactNode;
    video?: undefined;
    img?: undefined;
} | {
    img?: undefined;
    video?: undefined;
    object?: undefined;
};
type Props = {
    children: React.ReactNode;
    title: React.ReactNode;
    description?: React.ReactNode;
    canShow?: boolean;
    actions?: {
        custom?: React.ReactNode;
        next?: () => void;
        dismiss?: () => void;
    };
    position: ProductTourPosition;
    width?: CSSProperties['width'];
    modifiers?: React.ComponentProps<typeof Popover>['modifiers'];
} & ObjectType;
export declare const ProductTour: ({ title, description, actions, position, children, img, video, object, modifiers, width, canShow, }: Props) => import("react/jsx-runtime").JSX.Element;
export {};