import { Recommendation } from "../../../recommendation/recommendation";
import * as E from "fp-ts/lib/Either";
import { FunctionalComponent } from "../../../stencil-public-runtime";
import { Sized } from "../../../geometry/Sized";
import { ImageSizes } from "./vpr-result";
declare type ImageProps = {
  readonly url: string;
  readonly srcSet: string | null;
  readonly title: string;
};
export declare type ImageData = ImageProps & Sized;
export declare const containsFit: (url: string) => E.Either<string, string>;
export declare const processWidth: (url: string, size: number) => string;
export declare const processSrcSet: (url: string, sizes: ImageSizes | undefined) => string | null;
export declare const createImage: (data: ImageData) => any;
export declare const wrapInLink: (href: string, el: HTMLImageElement) => any;
export declare const Image: (r: Recommendation, width: number, height: number, imageSizes: ImageSizes | undefined) => FunctionalComponent<Recommendation>;
export declare const Title: (data: Recommendation) => FunctionalComponent<Recommendation>;
export declare const getPrice: (data: Recommendation["price"]) => E.Either<number, [number, number]>;
export declare const getPriceComponent: (data: Recommendation["price"], prefix?: string, currency?: string) => FunctionalComponent<Recommendation["price"]>;
export {};