aura-glass/dist/components/interactive/GlassLazyImage.d.ts

A comprehensive glassmorphism design system for React applications with 142+ production-ready components

import React from "react";
export interface GlassLazyImageProps {
    /**
     * Image source URL
     */
    src: string;
    /**
     * Low quality placeholder image
     */
    placeholder?: string;
    /**
     * Alt text for the image
     */
    alt?: string;
    /**
     * Image title
     */
    title?: string;
    /**
     * Image width
     */
    width?: number | string;
    /**
     * Image height
     */
    height?: number | string;
    /**
     * CSS object-fit property
     */
    objectFit?: "contain" | "cover" | "fill" | "none" | "scale-down";
    /**
     * Enable blur placeholder
     */
    blur?: boolean;
    /**
     * Blur intensity (0-10)
     */
    blurIntensity?: number;
    /**
     * Root margin for intersection observer
     */
    rootMargin?: string;
    /**
     * Threshold for intersection observer
     */
    threshold?: number;
    /**
     * Custom loading component
     */
    loadingComponent?: React.ReactNode;
    /**
     * Custom error component
     */
    errorComponent?: React.ReactNode;
    /**
     * Enable click to zoom
     */
    enableZoom?: boolean;
    /**
     * Enable image actions (download, share, etc.)
     */
    enableActions?: boolean;
    /**
     * Show image stats (views, likes)
     */
    showStats?: boolean;
    /**
     * Image statistics
     */
    stats?: {
        views?: number;
        likes?: number;
        downloads?: number;
    };
    /**
     * Image load callback
     */
    onLoad?: () => void;
    /**
     * Image error callback
     */
    onError?: (error: string) => void;
    /**
     * Image click callback
     */
    onClick?: (event: React.MouseEvent) => void;
    /**
     * Custom className
     */
    className?: string;
}
/**
 * GlassLazyImage component
 * Lazy loading image with blur placeholder and performance optimizations
 */
export declare const GlassLazyImage: React.FC<GlassLazyImageProps>;
export default GlassLazyImage;
//# sourceMappingURL=GlassLazyImage.d.ts.map