import { default as React } from 'react';
export interface Color {
    /** Color hex value */
    hex: string;
    /** Color name */
    name?: string;
}
export interface ColorSwatchProps {
    /** Colors to display */
    colors: Color[] | string[];
    /** Selected color */
    selectedColor?: string;
    /** Color change handler */
    onColorSelect?: (color: string) => void;
    /** Swatch size */
    size?: 'sm' | 'md' | 'lg';
    /** Show color names */
    showNames?: boolean;
    /** Show copy button */
    showCopy?: boolean;
    /** Additional className */
    className?: string;
}
/**
 * ColorSwatch Component
 *
 * Color palette display with selection and copy functionality.
 * Useful for color pickers and design systems.
 *
 * @example
 * ```tsx
 * <ColorSwatch
 *   colors={['#FF0000', '#00FF00', '#0000FF']}
 *   selectedColor={activeColor}
 *   onColorSelect={setActiveColor}
 *   showCopy
 * />
 * ```
 */
export declare const ColorSwatch: React.FC<ColorSwatchProps>;
//# sourceMappingURL=color-swatch.d.ts.map