/**
 * VariantSelector – full variant selector for product detail pages
 *
 * Three render modes per option:
 * - swatch: color circles (auto-detected for "Color" option or when colorMap provided)
 * - button: rectangular buttons (default for most options)
 * - dropdown: <select> for options with many values
 */
import React from "react";
import type { ProductOption, ProductVariant } from "@seekora-ai/ui-sdk-types";
export interface VariantSelectorProps {
    options: ProductOption[];
    variants: ProductVariant[];
    selections: Record<string, string>;
    onSelectionChange: (optionName: string, value: string) => void;
    /** Override render mode per option name */
    optionRenderModes?: Record<string, "swatch" | "button" | "dropdown">;
    /** Auto-switch to dropdown when values exceed this count (default: 8) */
    dropdownThreshold?: number;
    /** Map value names to CSS colors */
    colorMap?: Record<string, string>;
    /** Show availability cross-out for unavailable combos */
    showAvailability?: boolean;
    /** Currently matched variant (for display) */
    selectedVariant?: ProductVariant | null;
    className?: string;
    style?: React.CSSProperties;
}
export declare function VariantSelector({ options, variants, selections, onSelectionChange, optionRenderModes, dropdownThreshold, colorMap, showAvailability, selectedVariant: _selectedVariant, className, style, }: VariantSelectorProps): React.JSX.Element | null;
//# sourceMappingURL=VariantSelector.d.ts.map