import * as React from "react";
import type { BookingsUiMessages } from "../i18n/messages.js";
import type { BookingCreateExtraLineInput } from "../index.js";
import { type PriceBreakdownValue } from "./price-breakdown-section.js";
import type { TravelerEntry } from "./travelers-section.js";
/**
 * Right-rail live preview for the booking-create dialog. Mirrors the
 * operator's in-progress selections — product (with thumbnail),
 * departure, options + quantities, travelers, and the current
 * confirmed price — so the operator gets a "what am I about to book"
 * summary without scrolling back through the form.
 */
export declare function BookingPreviewCard({ productId, productName, isSourcedProduct, quotePricing, optionId, slotId, slotLabel, unitQuantities, unitLabels, pricingCategoryQuantities, pricingCategoryLabels, extraLines, travelers, messages, onPricingChange, }: {
    productId: string;
    productName?: string | null;
    isSourcedProduct?: boolean;
    quotePricing?: {
        totalAmountCents: number;
        currency: string;
        lines?: ReadonlyArray<{
            kind: string;
            label: string;
            quantity?: number;
            unitAmount: number;
            totalAmount: number;
            pricingBasis?: "per_person" | "per_unit" | "per_booking";
        }>;
    };
    optionId: string | null;
    slotId: string | null;
    slotLabel: string | null;
    unitQuantities: Record<string, number>;
    unitLabels: Record<string, string>;
    pricingCategoryQuantities: Record<string, Record<string, number>>;
    pricingCategoryLabels: Record<string, string>;
    extraLines: BookingCreateExtraLineInput[];
    travelers: TravelerEntry[];
    messages: BookingsUiMessages;
    onPricingChange: (value: PriceBreakdownValue) => void;
}): React.JSX.Element;