import { default as React } from 'react';
export interface ScrollImageProps extends React.SVGProps<SVGImageElement> {
    className?: string;
    image: string;
    debug?: boolean;
    ease?: EaseString;
    baseFrequency?: number;
    displacementScale?: number;
    numOctaves?: number;
    maskXPercent?: number;
    maskYPercent?: number;
    initialRadius?: number;
    speed?: number;
}
/**
 * @name ScrollImage
 *
 * @description A component that creates a scroll effect on an image using SVG filters. You need to provide the height of the component using tailwind or css.
 *
 * @returns React.ReactNode
 *
 * @example ```
 * <ScrollImage
 *  className="h-[600px]"
 *  image="https://image.lexica.art/full_webp/4aa6b4a9-a08d-4fa1-8979-0c4cd1c3c397"
 * />
 * ```
 *
 *
 */
declare const ScrollImage: ({ debug, ease, image, baseFrequency, displacementScale, numOctaves, maskXPercent, maskYPercent, speed, initialRadius, ...props }: ScrollImageProps) => import("react/jsx-runtime").JSX.Element;
export default ScrollImage;
type EaseString = "none" | "power1" | "power1.in" | "power1.out" | "power1.inOut" | "power2" | "power2.in" | "power2.out" | "power2.inOut" | "power3" | "power3.in" | "power3.out" | "power3.inOut" | "power4" | "power4.in" | "power4.out" | "power4.inOut" | "back" | "back.in" | "back.out" | "back.inOut" | "bounce" | "bounce.in" | "bounce.out" | "bounce.inOut" | "circ" | "circ.in" | "circ.out" | "circ.inOut" | "elastic" | "elastic.in" | "elastic.out" | "elastic.inOut" | "expo" | "expo.in" | "expo.out" | "expo.inOut" | "sine" | "sine.in" | "sine.out" | "sine.inOut";
//# sourceMappingURL=ScrollImage.d.ts.map