import { ImageValue, ProductImageSize } from '@jetshop/core/types'; type ImageSrcType = string | ProductImageSize[] | ImageValue; export type Gravity = 'north' | 'south' | 'west' | 'east' | 'centre' | 'smart'; export type ImageBreakpointSize = number | string; export type ImageBreakpointSizes = ImageBreakpointSize | ImageBreakpointSize[]; interface ImageParameters { /** The image src * Also accepts an array of objects with `url` keys (deprecated image field) */ src: ImageSrcType; /** * Whether to crop the image instead of resizing it when aspect ratio is provided * @default false */ crop?: boolean; gravity?: Gravity; quality?: number; /** An array of image sizes, will be mapped against breakpoints. * @see https://docs.dev.jetshop.se/ui/image#the-sizes-prop */ sizes: ImageBreakpointSizes; /** * The aspect ratio of the image * If unknown, use null to preserve original aspect ratio */ aspect?: string; critical?: boolean; modifiedDate?: string; breakpoints: Record; baseUrl: string; focalPointX?: number; focalPointY?: number; } /** * Dynamically constructs the query parameters used by ImageMagick to size the image appropriately. * Also generates a LQIP using query parameters, to display while the full image loads. */ export declare function useConstructImage({ gravity, crop, src, sizes, aspect, critical, quality, modifiedDate, breakpoints, baseUrl, focalPointX, focalPointY }: ImageParameters): { srcset: string; webpSrcset: string; sizes: string; sizesMobile: string; lqip: string; src: string; hasFalsySrc: boolean; srcsetMobile: string; webpSrcsetMobile: string; }; export {};