import * as React from 'react';
import type { ColorPickerSwatchProps } from './types.js';
/**
 * One preset colour inside a {@link ColorPickerSwatchGroup}: a `role="radio"` button whose `aria-checked` matches the picker's current colour, compared as hex.
 *
 * A `value` {@link parseColor} cannot read renders a disabled swatch. Publishes
 * `--skdx-color-picker-swatch-value` (always hex) so the fill is one rule:
 *
 * ```css
 * .my-swatch {
 *   background: var(--skdx-color-picker-swatch-value);
 * }
 * .my-swatch[data-state='checked'] {
 *   outline: 2px solid currentColor;
 * }
 * ```
 *
 * @example
 * ```tsx
 * <ColorPickerSwatchGroup aria-label="Preset colours">
 *   <ColorPickerSwatch value="#e11d48" className="my-swatch" />
 *   <ColorPickerSwatch value="rgb(16 185 129 / 50%)" className="my-swatch" />
 * </ColorPickerSwatchGroup>
 * ```
 */
export declare const ColorPickerSwatch: {
    ({ value, disabled: disabledProp, ref: forwardedRef, ...props }: ColorPickerSwatchProps): React.ReactNode;
    displayName: string;
};