import { ReactNode } from 'react';
export interface EdgeGlassProps {
    /** Fixed width in px. If omitted, the element fills its container */
    width?: number;
    /** Fixed height in px. If omitted, the element fills its container */
    height?: number;
    /** Border radius in px */
    radius?: number;
    /** Displacement intensity (tw-glass scale: 20 → 10% of element size) */
    strength?: number;
    /** RGB channel split; 0 disables, 1 matches tw-glass chromatic ratios */
    chromaticAberration?: number;
    /** Width of the refracting edge band, in % of element size */
    inset?: number;
    /** Corner radius of the undistorted center zone (map units, 0-50) */
    cornerRadius?: number;
    /** Softness of the transition between edge band and center */
    innerBlur?: number;
    /** Smoothing of the displacement gradients */
    outerBlur?: number;
    /** Shape of the undistorted center zone */
    shape?: "rect" | "circle";
    /** Backdrop blur in px, applied after the displacement filter */
    blur?: number;
    brightness?: number;
    saturate?: number;
    children?: ReactNode;
    className?: string;
}
export declare function EdgeGlass({ width, height, radius, strength, chromaticAberration, inset, cornerRadius, innerBlur, outerBlur, shape, blur, brightness, saturate, children, className, }: EdgeGlassProps): import("react").JSX.Element;