eldav1d-marvel-ui/dist/atoms/ResponsiveLazyImage/ResponsiveLazyImage.d.ts

UI library for (and from) Playing with Marvel API

import 'react-lazy-load-image-component/src/effects/blur.css';
import './ResponsiveLazyImage.css';
/**
 * @interface IResponsiveLazyImageProps
 *
 */
export interface IResponsiveLazyImageProps {
    /**
     * @property {string}
     * Image title
     * appears on tooltip
     */
    title: string;
    /**
     * @property {string}
     * Image alt text
     * applies on screenreaders
     */
    alt: string;
    /**
     * @property {string}
     * Single Image path
     */
    path: string | undefined;
    /**
     * @property {string}
     * Fallback for Single Image path
     */
    fallback: string;
    /**
     * @property {string}
     * Single Image path for lazy loading state
     */
    lazyFallback?: string;
    /**
     * @property {boolean}
     * Flag to check if the image is available
     */
    isAvailable: boolean;
    /**
     * @property {number}
     * Image height
     * Guarantees parent container height for lazy loading
     */
    height?: number;
    /**
     * @property {string}
     * Image srcSet
     */
    srcSet?: string;
    /**
     * @property {string}
     * Image sizes
     */
    sizes?: string;
    /**
     * @property {string}
     * Additional class name for <picture>.
     */
    classNameContainer?: string;
    /**
     * @property {string}
     * Additional class name for <img>
     */
    classNameContent?: string;
    /**
     * @property {string}
     * ID for accesibility purposes
     * bound to external tag on parent component
     * aria-labelledby attribute
     */
    ariaId?: string;
}
declare const ResponsiveLazyImage: ({ title, alt, path, fallback, lazyFallback, isAvailable, height, srcSet, sizes, classNameContainer, classNameContent, ariaId, }: IResponsiveLazyImageProps) => import("react/jsx-runtime").JSX.Element;
export default ResponsiveLazyImage;
//# sourceMappingURL=ResponsiveLazyImage.d.ts.map