import * as React from 'react';
import { ProductImageSize } from '@jetshop/core/types';
export type ImageSrcType = string | ProductImageSize[];
export type BreakpointValues = string[];
export type ImageBreakpointSize = number | string;
export type ImageBreakpointSizes = ImageBreakpointSize | ImageBreakpointSize[];
export type AspectRatio = string | number;
export declare const transparentDataImg = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=";
export interface ImageParameters {
    src: string | boolean;
    sizes: string;
    hasFalsySrc: boolean;
    srcset: string;
    webpSrcset: string;
    lqip: string;
    /**
     * The aspect ratio of the image
     * If unknown, use null to preserve original aspect ratio
     */
    aspect?: string;
    critical?: boolean;
}
export interface ImageProps extends ImageParameters {
    /** Whether or not to use `background-size: cover` */
    cover?: boolean;
    error?: (args: any) => React.ReactElement<any>;
    alt?: string;
    title?: string;
    /**
     * Useful for banner images. Sets the following CSS automatically:
     * object-fit: cover
     * padding-top: 0;
     */
    fillAvailableSpace?: boolean;
    className?: string;
    badges?: React.ReactElement<any>;
}
declare const Image: React.FC<ImageProps>;
export default Image;