interface ColorSwatchProps {
    /** Color en formato hexadecimal */
    color: string;
    /** Si el color está seleccionado */
    selected?: boolean;
    /** Callback cuando se hace click en el color */
    onClick?: () => void;
    /** Tamaño del swatch */
    size?: 'sm' | 'md' | 'lg';
    /** Clase personalizada */
    className?: string;
}
/**
 * Componente atom para mostrar un color individual como swatch seleccionable.
 * Usa el componente Icon del sistema de diseño para el indicador de selección.
 */
export declare const ColorSwatch: ({ color, selected, onClick, size, className, }: ColorSwatchProps) => import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=ColorSwatch.d.ts.map