import { type CSSProperties, type HTMLAttributes, type ReactNode, type Ref } from 'react';
type ReflectionNoiseType = 'fractalNoise' | 'turbulence';
type ReflectionStitchTiles = 'noStitch' | 'stitch';
type ContentReflectionNoise = {
    baseFrequency?: number | string;
    numOctaves?: number;
    seed?: number;
    type?: ReflectionNoiseType;
    stitchTiles?: ReflectionStitchTiles;
};
type ContentReflectionProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
    children: ReactNode;
    reflection?: ReactNode;
    reflectionClassName?: string;
    reflectionStyle?: CSSProperties;
    gap?: number | string;
    height?: number | string;
    opacity?: number;
    scale?: number;
    rotation?: number;
    perspective?: number | string;
    blur?: number | string;
    fade?: string;
    tint?: string;
    tintOpacity?: number;
    tintBlendMode?: CSSProperties['mixBlendMode'];
    distortion?: boolean;
    displacementScale?: number;
    noise?: ContentReflectionNoise;
    ref?: Ref<HTMLDivElement>;
};
export declare const ContentReflection: ({ children, reflection, reflectionClassName, reflectionStyle, className, style, gap, height, opacity, scale, rotation, perspective, blur, fade, tint, tintOpacity, tintBlendMode, distortion, displacementScale, noise, ref, ...rest }: ContentReflectionProps) => import("react/jsx-runtime").JSX.Element;
export type { ContentReflectionNoise, ContentReflectionProps };