import { SyntheticEvent, ReactNode } from "react";
export declare type ObjectFit = "fill" | "cover" | "inherit" | "none" | "-moz-initial" | "initial" | "revert" | "unset" | "contain" | "scale-down" | undefined;
export interface Format {
    url: string;
    name?: string;
    hash?: string;
    width?: number;
    height?: number;
    size?: number;
    path?: null;
    mime?: "image/jpg" | "image/png" | "image/webp";
    ext?: ".jpg" | ".png" | ".webp";
}
export declare type Formats = {
    ["base64"]?: Format;
    [breakpoint: number]: Format | Format[];
};
export interface ContextProps {
    objectFit?: ObjectFit;
    objectPosition?: string;
    width?: number;
    height?: number;
    proportionalHeight?: number;
    placeholder?: boolean;
    alternativeText?: string;
    className?: string;
    style?: string;
    stylePlaceholder?: string;
    styleImg?: string;
    prefix?: string;
    rootMargin?: string;
    threshold?: number;
    sizes?: string;
    onLoad?: (event: SyntheticEvent<HTMLImageElement, Event>) => void;
    onError?: (event: SyntheticEvent<HTMLImageElement, Event>) => void;
    webp?: boolean;
}
export interface ImageProps extends ContextProps {
    url: string;
    formats?: Formats;
}
export interface ProviderProps extends ContextProps {
    children?: ReactNode;
}