import { HTMLAttributes } from 'react';
export interface ColorPreset {
/** Emitted value, `"#RRGGBB"`. */
hex: string;
/** Swatch title / accessible name. */
label?: string;
}
export interface ColorPickerProps extends Omit, "onChange"> {
/** Current colour, `"#RRGGBB"`. */
value: string;
/** Fires only when the value is a valid 6-digit hex. */
onChange: (color: string) => void;
/** Swatch grid. Defaults to the built-in 8-colour set. */
presets?: ColorPreset[];
/** Show the custom-hex row. Default `true`. */
allowCustom?: boolean;
/** Optional live preview pill; omit → no pill. */
previewLabel?: string;
id?: string;
disabled?: boolean;
className?: string;
}
/**
* ColorPicker — inline preset swatch grid + custom hex field. No colour wheel,
* no popover (both real consumers render inline inside a form). Controlled via
* `value`/`onChange`; place inside a `FormField` for label/error wiring.
*/
export declare const ColorPicker: import('react').ForwardRefExoticComponent>;
//# sourceMappingURL=ColorPicker.d.ts.map