import * as React from 'react';
import type { ColorPickerSwatchGroupProps } from './types.js';
/** @internal */
export declare const SWATCH_SELECTOR = "[data-skdx-color-picker-swatch]";
/** @internal Which swatch currently holds the group's single tab stop. */
export interface ColorPickerSwatchGroupContextValue {
    activeValue: string | null;
    setActiveValue: (value: string) => void;
}
export declare const ColorPickerSwatchGroupProvider: React.FC<ColorPickerSwatchGroupContextValue & {
    children: React.ReactNode;
}>, useColorPickerSwatchGroupContext: (consumerName: string) => ColorPickerSwatchGroupContextValue;
/**
 * Container for preset {@link ColorPickerSwatch}es with a single tab stop and arrow-key navigation.
 *
 * @example
 * ```tsx
 * <ColorPickerSwatchGroup aria-label="Preset colours">
 *   {['#e11d48', '#f59e0b', '#10b981', '#3b82f6'].map((preset) => (
 *     <ColorPickerSwatch key={preset} value={preset} />
 *   ))}
 * </ColorPickerSwatchGroup>
 * ```
 */
export declare const ColorPickerSwatchGroup: {
    ({ loop, ref: forwardedRef, ...props }: ColorPickerSwatchGroupProps): React.ReactNode;
    displayName: string;
};