import { type CSSProperties, type ReactNode } from 'react';
import type { TourAlign, TourRenderProps, TourSide } from './types';
export interface TourContentProps {
    /**
     * Default side of the target to place the card on; steps can override.
     * @default 'bottom'
     */
    side?: TourSide;
    /** Default alignment against the target; steps can override. @default 'center' */
    align?: TourAlign;
    /** Default distance to the target in pixels; steps can override. @default 12 */
    sideOffset?: number;
    /** Whether to render the pointing arrow. @default false */
    showArrow?: boolean;
    className?: string;
    style?: CSSProperties;
    /**
     * Card content: static nodes or a render function receiving the active
     * step. Defaults to the standard layout built from `Tour.Title`,
     * `Tour.Description`, `Tour.Progress` and the navigation buttons.
     */
    children?: ReactNode | ((props: TourRenderProps) => ReactNode);
}
export declare function TourContent({ side, align, sideOffset, showArrow, className, style, children }: TourContentProps): import("react/jsx-runtime").JSX.Element;
export declare namespace TourContent {
    var displayName: string;
}
//# sourceMappingURL=tour-content.d.ts.map