import type { ReactNode } from 'react';
/**
 * More of a thing, on hover — a card beside a row that is only a snippet.
 * New at stage 4 (2026-09-07).
 *
 * **It exists because Peek's Screener preview is this, hand-written**: its own
 * `createPortal`, its own "prefer the right, flip left if it would run off
 * screen" arithmetic against `window.innerWidth`, and its own clamp against
 * the bottom edge (`ScreenerPreviewCard.tsx`). Floating UI does all three.
 *
 * **Not a Tooltip.** A tooltip is a word for a control, is
 * `pointer-events: none`, and may hold nothing you can reach. A preview card
 * holds *content* — faces, text, a link — and you can move the pointer into
 * it, which is what a preview is for. If what you have is a label, use
 * `WithTooltip`.
 *
 * The surface is the package's elevated panel, the same one a `Menu` draws, so
 * there is one definition of that box. Width, height and internal rhythm are
 * the caller's: a preview of a conversation is not the size of a preview of a
 * person.
 */
export interface PreviewCardProps {
    /** What the card holds. Rendered only while it is open. */
    content: ReactNode;
    /** The row, name or avatar the card previews. */
    children: ReactNode;
    /** Which side of the trigger to prefer. It flips when that side has no room. Default right. */
    side?: 'top' | 'bottom' | 'left' | 'right';
    /** Before it opens, in ms. Long enough that crossing a list does not flash a card at every row. */
    delay?: number;
    /** After the pointer leaves, in ms — the grace that lets you cross the gap into the card. */
    closeDelay?: number;
    /** On the card's surface: its width. */
    className?: string;
    /**
     * On the scrolling content: its padding (default 12px) and rhythm. The
     * padding sits inside the scrolling box, as in `Popover`, so the scrollbar
     * hugs the card's edge — its thumb 3px from it, like every panel's
     * (Katerina, 19 September; it sat 12px in, behind the card's padding).
     */
    contentClassName?: string;
    /** Extra classes on the trigger wrapper — e.g. `block w-full` for a row. */
    wrapperClassName?: string;
}
export declare function PreviewCard({ content, children, side, delay, closeDelay, className, contentClassName, wrapperClassName }: PreviewCardProps): import("react").JSX.Element;
//# sourceMappingURL=PreviewCard.d.ts.map