import * as react_jsx_runtime from 'react/jsx-runtime';
import * as class_variance_authority_types from 'class-variance-authority/types';
import * as React from 'react';
import { VariantProps } from 'class-variance-authority';
import { CoachMarkState } from '../../hooks/use-coach-mark.js';

declare const coachMarkVariants: (props?: ({
    size?: "default" | "sm" | "lg" | null | undefined;
} & class_variance_authority_types.ClassProp) | undefined) => string;
/** Decorative hero block when image variant is shown without an asset (catalog / placeholder). */
declare function CoachMarkImagePlaceholder(): react_jsx_runtime.JSX.Element;
interface CoachMarkCatalogFrameProps {
    title: string;
    description: string;
    image?: boolean;
    multiStep?: boolean;
    stepIndex?: number;
    stepTotal?: number;
    primaryLabel?: string;
    className?: string;
}
/**
 * Static coach-mark chrome for design-system catalog previews — same tokens as {@link CoachMark}.
 */
declare function CoachMarkCatalogFrame({ title, description, image, multiStep, stepIndex, stepTotal, primaryLabel, className, }: CoachMarkCatalogFrameProps): react_jsx_runtime.JSX.Element;
interface CoachMarkProps extends VariantProps<typeof coachMarkVariants> {
    /** State from useCoachMark hook */
    state: CoachMarkState;
    /** Default popover placement side (step-level side takes priority) */
    side?: "top" | "bottom" | "left" | "right";
    /** Default popover alignment (step-level align takes priority) */
    align?: "start" | "center" | "end";
    /** Offset from anchor element in px */
    sideOffset?: number;
    /** Label for the primary (next/done) button — defaults to "Next" / "Got it" */
    nextLabel?: string;
    /** Label for the skip button — defaults to "Skip" */
    skipLabel?: string;
    /** Extra className for the content container */
    className?: string;
    /** Portal spotlight (and popover) into this element — for catalog / embedded previews. */
    overlayRootRef?: React.RefObject<HTMLElement | null>;
}
declare function CoachMark({ state, side, align, sideOffset, nextLabel, skipLabel, size, className, overlayRootRef, }: CoachMarkProps): react_jsx_runtime.JSX.Element | null;

export { CoachMark, CoachMarkCatalogFrame, type CoachMarkCatalogFrameProps, CoachMarkImagePlaceholder, type CoachMarkProps };