import React from 'react';
import { ProductImageSize } from '@jetshop/core/types';
export type ImageSrcType = string | ProductImageSize[];
export type ImageBreakpointSize = number | string;
export type ImageBreakpointSizes = ImageBreakpointSize | ImageBreakpointSize[];
export type AspectRatio = string | number;
export type Gravity = 'north' | 'south' | 'west' | 'east' | 'centre' | 'smart';
export declare const transparentDataImg = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=";
interface ImageParameters {
    /** The image src
     * Also accepts an array of objects with `url` keys (deprecated image field)
     */
    src: ImageSrcType;
    /**
     * Whether to crop the image instead of resizing it when aspect ratio is provided
     * @default false
     */
    crop?: boolean;
    gravity?: Gravity;
    quality?: number;
    /** An array of image sizes, will be mapped against breakpoints.
     * @see https://docs.dev.jetshop.se/ui/image#the-sizes-prop
     */
    sizes: ImageBreakpointSizes;
    /**
     * The aspect ratio of the image
     * If unknown, use null to preserve original aspect ratio
     */
    aspect?: string;
    critical?: boolean;
    modifiedDate?: string;
    focalPointX?: number;
    focalPointY?: number;
}
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 function FlightImage(props: ImageProps): React.JSX.Element;
export default FlightImage;