import { VisualProps } from '../../shared/types/visual';
/**
 * Visual - Componente visual versátil (icono, imagen o avatar)
 *
 * Componente que renderiza diferentes tipos de contenido visual según el slot proporcionado:
 * iconos, imágenes (URL o base64), avatares o contenido personalizado.
 * Soporta tooltips, estados de hover y fallbacks.
 *
 * @example
 * ```tsx
 * // Visual con icono
 * <Visual slot={{ icon: faUser }} />
 *
 * // Visual con imagen
 * <Visual slot="https://example.com/image.jpg" />
 *
 * // Visual con avatar
 * <Visual
 *   slot={{ type: 'avatar', src: "https://example.com/avatar.jpg" }}
 *   size="md"
 * />
 *
 * // Visual con tooltip
 * <Visual
 *   slot={{ icon: faInfo }}
 *   tooltip="Información adicional"
 * />
 * ```
 *
 * @see {@link VisualProps} para la lista completa de props
 */
export declare const Visual: ({ slot, className, colorIcon, size, defaultSizeIcon, onClick, fallback, colorIconDuotonePrimary, colorIconDuotoneSecondary, opacityIconDuotonePrimary, opacityIconDuotoneSecondary, tooltip, tooltipPosition, tooltipAlignment, tooltipDelay, tooltipDisabled, }: VisualProps) => import("react/jsx-runtime").JSX.Element | null;
//# sourceMappingURL=Index.d.ts.map