import { VariantProps } from 'class-variance-authority';
import { default as React } from 'react';
declare const containerVariants: (props?: ({
    shape?: "sm" | "md" | "lg" | "full" | "none" | null | undefined;
    variant?: "default" | "bordered" | "elevated" | null | undefined;
    aspectRatio?: "video" | "auto" | "square" | "portrait" | "wide" | null | undefined;
    isInteractive?: boolean | null | undefined;
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
declare const imgVariants: (props?: ({
    zoomOnHover?: boolean | null | undefined;
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
export type ImageEffect = "inspect" | "zoom";
export interface ImageProps extends React.ImgHTMLAttributes<HTMLImageElement>, VariantProps<typeof containerVariants>, VariantProps<typeof imgVariants> {
    src: string;
    placeholderSrc?: string;
    alt: string;
    showSkeleton?: boolean;
    fallback?: React.ReactNode;
    /**
     * Enabled visual effects:
     * - `inspect`: 2x zoom that follows the mouse cursor on hover.
     * - `zoom`: Click to expand (Medium-style lightbox) using layout transitions.
     */
    effects?: ImageEffect[];
}
export declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLDivElement>>;
export {};
