import * as React from 'react';
import { ImageProps, ImageLoaderProps } from 'next/image';

declare const basehubImageLoader: ({ src, width, quality, }: ImageLoaderProps) => any;
type BaseHubImageProps = Omit<ImageProps, "placeholder"> & {
    /**
     * A placeholder to use while the image is loading. Possible values are blur, empty, or data:image/...
     * @defaultValue empty
     * @see https://nextjs.org/docs/api-reference/next/image#placeholder
     */
    placeholder?: string;
};
/**
 * Uses `next/image` under the hood. Just passes BaseHub's `loader` so that it utilizes BaseHub's Image Optimization.
 *
 * Literally just returns:
 * ```tsx
 * <Image {...props} loader={basehubImageLoader} />
 * ```
 * and a few other props.
 */
declare const BaseHubImage: React.ForwardRefExoticComponent<Omit<BaseHubImageProps, "ref"> & React.RefAttributes<HTMLImageElement>>;

export { BaseHubImage, type BaseHubImageProps, basehubImageLoader };