import type { OptionAxis } from "../Commerce/commerceTypes";
import type { ProductCardLabels } from "./ProductCardProps";
type ProductCardSwatchesProps = {
    axis: OptionAxis;
    limit: number;
    dot: number;
    activeId: string;
    soldOutIds: ReadonlySet<string>;
    labels: ProductCardLabels;
    onPreview: (valueId: string | null) => void;
    onPick: (valueId: string) => void;
};
/** Colour dots for the first swatch axis: hover or focus previews the image, a press keeps it. */
declare const ProductCardSwatches: ({ axis, limit, dot, activeId, soldOutIds, labels, onPreview, onPick }: ProductCardSwatchesProps) => import("react/jsx-runtime").JSX.Element;
export default ProductCardSwatches;