import React, { MouseEventHandler } from 'react';
import { ImageClassProps } from './utils';
export interface ImageProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'placeholder'>, ImageClassProps {
    /** Sets image shape as circular */
    circular?: boolean;
    /** Img element additional classes */
    className?: string;
    /** How should the image element be resized to fit its container */
    fit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
    /** Image stretches to fit its container */
    fluid?: boolean;
    height?: number | string;
    /** Enable lazy loading. Defaults to false */
    lazy?: boolean;
    /** If true will open image inside lightbox on click  */
    lightbox?: boolean;
    /** The url that will be used when lightbox is open. If undefined, `src` will be used.   */
    lightboxSrc?: string;
    maxHeight?: number | string;
    maxWidth?: number | string;
    /** Don't show skeleton when loading image */
    noSkeleton?: boolean;
    onClick?: MouseEventHandler<HTMLImageElement>;
    /** URL of the placeholder image */
    placeholder?: 'default' | 'preserveSpace' | 'none' | string;
    /** Sets rounded corners on image */
    rounded?: boolean;
    /** Img's element src attribute */
    src?: string;
    /** Fix image to thumbnail size */
    thumbnail?: boolean;
    width?: number | string;
}
declare const ImageComponent: ({ alt, circular, className, fit, fluid, height, lazy, lightbox, lightboxSrc, maxHeight, maxWidth, noSkeleton, onClick, placeholder, rounded, src, thumbnail, width, ...props }: ImageProps) => React.ReactElement | null;
export { ImageComponent, ImageComponent as Image };
