import { TPAComponentProps } from '../../types'; import type { ImageProps as WixImageProps } from '@wix/image'; export declare const ImageAspectRatioPresets: { square: number; cinema: number; landscape: number; }; export interface ImageFocalPoint { x: number; y: number; } export declare const ImageFocalPointPresets: { [key: string]: ImageFocalPoint; }; export interface ImageProps extends TPAComponentProps, Omit { /** The source could be any absolute full URL or a relative URI of a media platform item */ src?: string; /** The intrinsic width of the image in pixels */ width?: number; /** The intrinsic height of the image in pixels */ height?: number; /** The intrinsic width of the image itself in pixels */ sourceWidth?: number; /** The intrinsic height of the image itself in pixels */ sourceHeight?: number; /** The alternative text description of the image. Allowing better SEO when the image has meaning of content */ alt?: string; /** The error message that is shown when we failed to load the image */ errorMessage?: string; /** Specifies how the image is resized to fit its container */ resize?: ImageResizeOptions; /** Specifies the proportional relationship between width and height */ aspectRatio?: keyof typeof ImageAspectRatioPresets | number; /** Centers a point of the image by given coordinates of x and y in percentages */ focalPoint?: Extract | ImageFocalPoint; /** Specifies wether the image adapts and scales relatively to the containing layout */ fluid?: boolean; /** An effect to appear when the image is hovered */ hoverEffect?: ImageHoverEffectOptions; /** An experience to set while the image is fetched and loaded */ loadingBehavior?: ImageLoadingBehaviorOptions; /** Controls whether image smaller than the container should be upscaled */ stretchImage?: boolean; /** EXPERIMENTAL. Forces the contain of the image element. Requires `contianerAspectRatio` to be passed. */ forceImageContain?: boolean; /** Container aspect ratio for `forceImageContain` to properly work. */ containerAspectRatio?: number; } export interface ImageDimensions { width: ImageProps['width']; height: ImageProps['height']; } export declare enum ImageResizeOptions { contain = "contain", cover = "cover" } export declare enum ImageHoverEffectOptions { none = "none", zoom = "zoom", darken = "darken" } export declare enum ImageLoadingBehaviorOptions { none = "none", blur = "blur", spinner = "spinner" } //# sourceMappingURL=types.d.ts.map