import type { FetchPriority, ImageCropType, ImageDecoding, ImageLoading, ImagePosition, ImageTransform, ResponsiveImageProps } from "../../types/core";
import * as React from "react";
import "react-aspect-ratio/aspect-ratio.css";
import "./styles.css";
/**
 * Renders an image from the **Griddo** cdn.
 * Also return a ref with the `<picture>` tag.
 * @see [Documentation](https://www.notion.so/griddoio/GriddoImage-a3973298b4e7447884f29185dae2d07e)
 *
 * @example
 * <GriddoImage
 *   url="https://images.griddo.io/butterfly"
 *   width="640px"
 *   height="480px"
 *   quality={75}
 * />
 */
declare const GriddoImage: React.ForwardRefExoticComponent<(Omit<GriddoImageJpgWebpAvif, "ref"> | Omit<GriddoImageGif, "ref"> | Omit<GriddoImageSvg, "ref">) & React.RefAttributes<HTMLPictureElement>>;
export interface GriddoImageCommonProps extends Omit<React.ComponentPropsWithRef<"img">, "src" | "srcSet" | "sizes" | "width" | "height"> {
    crop?: ImageCropType;
    fetchpriority?: FetchPriority;
    height?: string;
    position?: ImagePosition;
    url?: string;
    width?: string;
    ratio?: number;
    fixed?: boolean;
    loading?: ImageLoading;
    decoding?: ImageDecoding;
    responsive?: Array<ResponsiveImageProps>;
    quality?: number;
    formats?: Array<"webp" | "avif">;
    transforms?: ImageTransform;
}
export interface GriddoImageSvg extends GriddoImageCommonProps {
    format?: "svg";
    responsive?: never;
    quality?: never;
    formats?: never;
    transforms?: never;
    ratio?: never;
}
export interface GriddoImageGif extends GriddoImageCommonProps {
    format?: "gif";
    responsive?: never;
    quality?: never;
    formats?: never;
    transforms?: never;
}
export interface GriddoImageJpgWebpAvif extends GriddoImageCommonProps {
    /** Format is set automatically based on formats prop */
    format?: never;
}
export type GriddoImageProps = GriddoImageJpgWebpAvif | GriddoImageGif | GriddoImageSvg;
export { GriddoImage };