import { ColorFormatterProps } from './types';
/**
 * ColorFormatter
 * Componente para formatear y mostrar colores en diferentes contextos (tablas, listas, etc.)
 * @param {ColorFormatterProps} props - Las propiedades del componente.
 * @param {string} [props.value] - El valor del color en formato hexadecimal
 * @param {string} [props.size] - Tamaño del componente ('small' | 'medium')
 * @param {string} [props.dataTestId] - ID para pruebas
 * @param {string} [props.className] - Clases CSS personalizadas
 * @example
 * <ColorFormatter value="#FF0000" />
 * // Renderiza un cuadrado con el color rojo
 *
 * <ColorFormatter value={null} />
 * // Renderiza el ícono "out_of" cuando no hay valor
 * @returns JSX.Element
 */
export declare function ColorFormatter(props: ColorFormatterProps): import("@emotion/react/jsx-runtime").JSX.Element;
//# sourceMappingURL=ColorFormatter.d.ts.map