import { FunctionComponent, HTMLAttributes, default as React } from 'react';
import { LinkProps, LinkElementType } from '../..';
import { Variant } from './useDefineVariant';
export interface SkuOption {
    /**
     * Alternative text description of the image.
     */
    alt?: string;
    /**
     * Image URL.
     */
    src?: string;
    /**
     * Label to describe the option when selected. This is mandatory if you want to use the `image` variant.'
     */
    label: string;
    /**
     * Current value for this option.
     */
    value: string;
    /**
     * Specifies that this option should be disabled.
     */
    disabled?: boolean;
    /**
     * Hex color code for this option. This is mandatory if you want to use the `Color` variant.
     */
    hexColor?: string;
}
export interface SkuSelectorProps extends HTMLAttributes<HTMLDivElement> {
    /**
     * ID to find this component in testing tools (e.g.: cypress,
     * testing-library, and jest).
     */
    testId?: string;
    /**
     * ID of the current instance of the component.
     */
    id?: string;
    /**
     * SKU options that should be rendered.
     */
    availableVariations: Record<string, SkuOption[]>;
    /**
     * Name of the SKU property that this selector is relative to.
     */
    skuPropertyName: string;
    /**
     * Currently active variation's value.
     */
    activeVariations: Record<string, string>;
    /**
     * Optional variant type, when is not passed the type is inferred based on options properties
     */
    variant?: Variant;
    /**
     * Extends all Link Props.
     */
    linkProps?: Partial<LinkProps<LinkElementType>>;
    /**
     * Optional function to determines the href string.
     */
    getItemHref?: (option: SkuOption) => string;
    /**
     * Maps property value combinations to their respective SKU's slug
     */
    slugsMap: Record<string, string>;
    /**
     * Function that returns a React component that will be used to render images.
     */
    ImageComponent?: FunctionComponent<{
        src: string;
        alt: string;
    }>;
}
declare const SkuSelector: React.ForwardRefExoticComponent<SkuSelectorProps & React.RefAttributes<HTMLDivElement>>;
export default SkuSelector;
//# sourceMappingURL=SkuSelector.d.ts.map