import React, { ElementType } from 'react';
import { BoxProps, SkeletonProps } from '@mui/material';
export interface ImageProps extends BoxProps {
    /** Image alt message */
    alt: string;
    /** Image src path */
    src: string;
    /** Image aspect ratio */
    aspectRatio?: number;
    /**
     * The Skeleton will be displayed when the image is loading. @default true
     * If false, the Image will be rendered without Skeleton.
     */
    skeleton?: boolean;
    /** Additional props for customizing the skeleton loader. */
    skeletonProps?: SkeletonProps;
    /** Additional props for customizing the wrapper box  */
    wrapperProps?: BoxProps<ElementType>;
    /** Custom component to replace skeleton. */
    customLoader?: React.ReactNode;
    /** Image failed to load message or component. */
    errorContent?: React.ReactNode;
    /** Additional props for customizing the error display box. */
    errorProps?: BoxProps<ElementType>;
    /** Controlled loading. */
    loading?: boolean;
    /** Controlled error. */
    error?: boolean;
}
/**
 * The Image component that displays an image with a loading skeleton and optional customizable error messages or components when the image fails to load.
 * The Image component also supports a custom loader to replace the default skeleton and the skeleton property can be set to false to disable the skeleton entirely.
 */
export declare const Image: React.FC<ImageProps>;