import React from "react";
interface Option {
    name: string;
    values: string[];
}
interface VariantOption {
    name: string;
    type: "color" | "image" | "text";
    values: {
        name: string;
        value: string;
    }[];
}
interface VariantOptions {
    options: VariantOption[];
}
interface ProductVariant {
    node: {
        id: string;
        title: string;
        inventoryQuantity: number;
        inventoryItem?: {
            tracked?: boolean;
        };
        inventoryPolicy?: "deny" | "continue";
    };
}
interface Product {
    options: Option[];
    tracksInventory?: boolean;
    variants: {
        edges: ProductVariant[];
    };
}
interface ProductVariantSelectorProps {
    product: Product;
    variantOptions?: VariantOptions;
    selectedVariants: string[];
    onVariantChange: (variantId: string) => void;
    variantType?: string;
    variantId?: string;
    primaryProductId?: string;
    accentColor?: string;
    showOutOfStockVariants?: boolean;
}
export declare const ProductVariantSelector: React.FC<ProductVariantSelectorProps>;
export {};