import { VariantAttribute, AttributeOption } from '@components/frontStore/catalog/ProductContext.js';
import React from 'react';
interface ProcessedAttribute extends VariantAttribute {
    selected: boolean;
    selectedOption: number | null;
    options: (AttributeOption & {
        available: boolean;
    })[];
}
export interface VariantOptionItemProps {
    option: AttributeOption & {
        available: boolean;
    };
    attribute: ProcessedAttribute;
    isSelected: boolean;
    onSelect: (attributeCode: string, optionId: number) => Promise<void>;
}
export interface VariantAttributeGroupProps {
    attribute: ProcessedAttribute;
    options: (AttributeOption & {
        available: boolean;
    })[];
    onSelect: (attributeCode: string, optionId: number) => Promise<void>;
    OptionItem?: React.ComponentType<VariantOptionItemProps>;
}
interface VariantsProps {
    AttributeRenderer?: React.ComponentType<VariantAttributeGroupProps>;
    OptionRenderer?: React.ComponentType<VariantOptionItemProps>;
}
export declare function VariantSelector({ AttributeRenderer, OptionRenderer }: VariantsProps): React.JSX.Element | null;
export {};