import { ImageProps } from '../../Image';
import type { BaseProps } from '../../component-helpers';
import { type HeroMediaPositions } from '../HeroContext';
export type HeroImageProps = {
    position?: HeroMediaPositions;
    enableBorder?: boolean;
} & ImageProps & BaseProps<HTMLImageElement>;
export declare const HeroImage: import("react").ForwardRefExoticComponent<(Omit<{
    position?: HeroMediaPositions;
    enableBorder?: boolean;
} & import("react").ImgHTMLAttributes<HTMLImageElement> & BaseProps<HTMLImageElement> & {
    src: string;
    alt: string;
    aspectRatio?: import("../..").ImageAspectRatio;
    media?: string;
    borderRadius?: import("../..").ImageBorderRadiusOptions;
    srcSet?: Pick<React.ImgHTMLAttributes<HTMLImageElement>, "srcSet">;
} & {
    as?: "img";
    srcSet?: Pick<React.ImgHTMLAttributes<HTMLImageElement>, "srcSet">;
}, "ref"> | Omit<{
    position?: HeroMediaPositions;
    enableBorder?: boolean;
} & import("react").ImgHTMLAttributes<HTMLImageElement> & BaseProps<HTMLImageElement> & {
    src: string;
    alt: string;
    aspectRatio?: import("../..").ImageAspectRatio;
    media?: string;
    borderRadius?: import("../..").ImageBorderRadiusOptions;
    srcSet?: Pick<React.ImgHTMLAttributes<HTMLImageElement>, "srcSet">;
} & {
    as: "picture";
    sources?: {
        srcset: string;
        media: string;
    }[];
    srcSet?: undefined;
}, "ref">) & import("react").RefAttributes<HTMLImageElement>>;