/**
 * VariantSwatches – inline variant indicators for card display
 *
 * Shows color dots, size labels, and "+N more" overflow for compact card views.
 */
import React from "react";
import type { ProductOption, ProductVariant } from "@seekora-ai/ui-sdk-types";
export interface VariantSwatchesProps {
    options: ProductOption[];
    /** Which option names to show (default: all) */
    visibleOptions?: string[];
    /** Max values per option before "+N more" (default: 5) */
    maxValues?: number;
    /** Map option value names to CSS color strings */
    colorMap?: Record<string, string>;
    /** Currently selected value per option (e.g., { Color: 'Black', Size: 'M' }) */
    selectedValues?: Record<string, string>;
    /** Product variants for availability checking */
    variants?: ProductVariant[];
    /** Show availability cross-out for unavailable combos (default: true) */
    showAvailability?: boolean;
    onSwatchHover?: (optionName: string, value: string) => void;
    onSwatchClick?: (optionName: string, value: string) => void;
    className?: string;
    style?: React.CSSProperties;
}
export declare function VariantSwatches({ options, visibleOptions, maxValues, colorMap, selectedValues, variants, showAvailability, onSwatchHover, onSwatchClick, className, style, }: VariantSwatchesProps): React.JSX.Element | null;
//# sourceMappingURL=VariantSwatches.d.ts.map