import { FC, ImgHTMLAttributes } from 'react'; import { Shape } from '../../utils/types'; declare const Image: FC; declare type ImageSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'; declare type ObjectFit = 'fill' | 'contain' | 'cover' | 'none' | 'scale-down'; export declare type CaptionPosition = 'topLeft' | 'topRight' | 'topCenter' | 'bottomLeft' | 'bottomRight' | 'bottomCenter'; export interface ImageProps extends ImgHTMLAttributes { /** * specifies the size of the image. Can be either "xs", "sm", "md", "lg" * Overrides the height & width prop */ size?: ImageSize | number; /** * Customize the shape of the Image borders. You can specify any of "round", "curve" or "square" */ shape?: Shape; /** * Set a caption to be displayed at different positions around the image */ caption?: string; /** * specify the position for the caption text */ captionPosition?: CaptionPosition; /** * specify the fit of the image. Corresponds to the object-fit CSS property */ objectFit?: ObjectFit; /** * spacing between the image and the figure element */ captionSpacing?: number; } export { Image };