import { type ComponentPropsWithoutRef, type CSSProperties, type ImgHTMLAttributes, type ReactNode } from 'react';
import { type CssLength } from '../../../utils/css';
export type DottedImageFilterVariant = 'classic' | 'staggered' | 'mesh';
export type DottedImageFilterProps = Omit<ComponentPropsWithoutRef<'figure'>, 'children'> & {
    alt: string;
    src: string;
    aspectRatio?: CSSProperties['aspectRatio'];
    caption?: ReactNode;
    captionClassName?: string;
    decoding?: ImgHTMLAttributes<HTMLImageElement>['decoding'];
    dotColor?: CSSProperties['color'];
    dotRadius?: CssLength;
    dotSize?: CssLength;
    fetchPriority?: ImgHTMLAttributes<HTMLImageElement>['fetchPriority'];
    gridColor?: CSSProperties['color'];
    height?: CssLength;
    imageClassName?: string;
    imageHeight?: number;
    imageWidth?: number;
    loading?: ImgHTMLAttributes<HTMLImageElement>['loading'];
    mediaClassName?: string;
    objectFit?: CSSProperties['objectFit'];
    objectPosition?: CSSProperties['objectPosition'];
    overlayClassName?: string;
    overlayFilter?: CSSProperties['backdropFilter'];
    overlayOpacity?: number;
    radius?: CssLength;
    revealOnHover?: boolean;
    sizes?: ImgHTMLAttributes<HTMLImageElement>['sizes'];
    srcSet?: ImgHTMLAttributes<HTMLImageElement>['srcSet'];
    variant?: DottedImageFilterVariant;
    width?: CssLength;
};
declare const DottedImageFilter: ({ alt, aspectRatio, caption, captionClassName, className, decoding, dotColor, dotRadius, dotSize, fetchPriority, gridColor, height, imageClassName, imageHeight, imageWidth, loading, mediaClassName, objectFit, objectPosition, overlayClassName, overlayFilter, overlayOpacity, radius, revealOnHover, sizes, src, srcSet, style, variant, width, ...props }: DottedImageFilterProps) => import("react/jsx-runtime").JSX.Element;
export { DottedImageFilter };