import { LoadInViewOptions } from '@past3lle/hooks';
import { MediaWidths } from '@past3lle/theme';
import { DDPXImageUrlMap } from '@past3lle/types';
import React, { ReactNode } from 'react';
export declare type ImageKitTransformation = {
    [x: string]: undefined | number | string | boolean;
}[];
export interface LqImageOptions {
    width: number;
    height: number;
    showLoadingIndicator: boolean;
}
export interface BaseImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
    pathSrcSet?: {
        [sizekey in MediaWidths]: DDPXImageUrlMap;
    };
    lazy?: boolean;
    forwardedRef?: React.ForwardedRef<HTMLImageElement>;
    transformation?: ImageKitTransformation;
    loadInViewOptions?: LoadInViewOptions;
    lqImageOptions?: LqImageOptions;
    placeholderProps?: PlaceholderLoaderProps;
}
declare type ImagePropsWithDefaultImage = BaseImageProps & {
    path: {
        defaultPath: string;
    };
};
declare type ImagePropsWithIkImage = BaseImageProps & {
    path: {
        ikPath: string;
    };
};
export declare type SmartImageProps = (ImagePropsWithDefaultImage | ImagePropsWithIkImage) & {
    path: any;
};
export declare const PlaceholderPicture: import("styled-components").StyledComponent<"picture", import("styled-components").DefaultTheme, {
    bgColor?: string | undefined;
}, never>;
export declare function ApiImage({ path, pathSrcSet, transformation, loadInViewOptions, lqImageOptions, lazy, forwardedRef }: ImagePropsWithDefaultImage): JSX.Element | null;
export declare function ApiImage({ path, pathSrcSet, transformation, loadInViewOptions, lqImageOptions, lazy, forwardedRef }: ImagePropsWithIkImage): JSX.Element | null;
declare const SmartImg: React.MemoExoticComponent<React.ForwardRefExoticComponent<(BaseImageProps & {
    path: {
        defaultPath: string;
    };
} & {
    path: any;
} & React.RefAttributes<HTMLImageElement>) | (BaseImageProps & {
    path: {
        ikPath: string;
    };
} & {
    path: any;
} & React.RefAttributes<HTMLImageElement>)>>;
interface PlaceholderLoaderProps {
    loadingContent?: ReactNode;
    styles?: {
        bgColor: string;
    };
}
export { SmartImg };
//# sourceMappingURL=index.d.ts.map