import { Ref } from "react";
import { Props } from "./Image.types";
export declare const ImageWithoutRef: ({ innerRef, imageHeight, imageWidth, width, ...restProps }: {
    src: string;
    imageWidth?: string | number | undefined;
    imageHeight?: string | number | undefined;
    alt?: string | undefined;
    radius?: import("@mantine/core").MantineSize | undefined;
    caption?: import("react").ReactNode;
    fit?: "contain" | "cover" | undefined;
} & import("../layout/layout.types").CommonLayoutProps & import("../styling.types").CommonStylingProps & {
    innerRef: Ref<HTMLDivElement>;
}) => import("react/jsx-runtime").JSX.Element;
export declare const Image: import("react").ForwardRefExoticComponent<{
    src: string;
    imageWidth?: string | number | undefined;
    imageHeight?: string | number | undefined;
    alt?: string | undefined;
    radius?: import("@mantine/core").MantineSize | undefined;
    caption?: import("react").ReactNode;
    fit?: "contain" | "cover" | undefined;
} & import("../layout/layout.types").CommonLayoutProps & import("../styling.types").CommonStylingProps & import("react").RefAttributes<HTMLDivElement>>;