import { ImgHTMLAttributes, Ref, default as React } from 'react';
import { SafeExtract, SafeOmit } from '../../.deps/utils/src';
import { Size } from '../../tokens/types';
type ImageContainerProps = SafeOmit, 'className' | 'src' | 'srcSet' | 'alt' | 'style'>;
export interface ImageProps extends ImageContainerProps {
/**
* Ref for the underlying image element.
*/
ref?: Ref;
/**
* Image source URL.
*/
src: string | null | undefined;
/**
* The `srcSet` attribute for the image.
*/
srcSet?: string | undefined;
/**
* Alternative text for the image. Use an empty string for decorative images.
*/
alt: string;
/**
* Custom aspect ratio for the fixed layout.
* @default '3 / 2'
*/
aspectRatio?: `${number} / ${number}` | number;
/**
* Whether the image should use its intrinsic aspect ratio.
* @default false
*/
responsive?: boolean;
/**
* Controls how the image fits inside its box.
* @default 'contain'
*/
fit?: 'contain' | 'cover';
/**
* Sets predefined image width.
* @default 'md'
*/
size?: SafeExtract;
}
export declare const Image: ({ alt: altProp, aspectRatio, fit, ref, responsive, size, src: srcProp, srcSet, ...rest }: ImageProps) => React.JSX.Element;
export {};