import React from 'react';
import { CSSValueWithLength } from '../../styles';
export interface ImagePreviewProps {
    src?: string;
    /** @default 100 */
    width?: CSSValueWithLength;
    /** @default 100 */
    height?: CSSValueWithLength;
    /** @default 8 */
    borderRadius?: CSSValueWithLength;
    alt?: string;
    label?: string;
    objectFit: 'contain' | 'cover' | 'fill';
    /** @default 'medium' */
    size?: 'medium' | 'small';
    backgroundDark?: boolean;
    error?: boolean;
    onClick?: (image_url: string) => void;
}
export declare const getImagePreviewSize: ({ size, width, height, }: Pick<ImagePreviewProps, 'size' | 'width' | 'height'>) => string;
export declare const ImagePreview: React.ForwardRefExoticComponent<ImagePreviewProps & React.RefAttributes<HTMLImageElement>>;
export declare const ImagePreviewContainer: import("@emotion/styled").StyledComponent<{
    theme?: import("@emotion/react").Theme | undefined;
    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
} & Pick<ImagePreviewProps, "width" | "height" | "borderRadius" | "size">, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;