import React from "react";
export type GlassChannel = "R" | "G" | "B";
export type GlassMixBlendMode = "normal" | "multiply" | "screen" | "overlay" | "darken" | "lighten" | "color-dodge" | "color-burn" | "hard-light" | "soft-light" | "difference" | "exclusion" | "hue" | "saturation" | "color" | "luminosity" | "plus-darker" | "plus-lighter";
export interface GlassSurfaceProps {
    /** Content to be wrapped by the glass effect */
    children?: React.ReactNode;
    /** Width of the component. If not provided, it will expand to fill parent or fit content. */
    width?: number | string;
    /** Height of the component. If not provided, it will expand to fill parent or fit content. */
    height?: number | string;
    /** Border radius for the glass effect in pixels */
    borderRadius?: number;
    /** Width of the refraction border (multiplier) */
    borderWidth?: number;
    /** Brightness of the inner glass area (0-100) */
    brightness?: number;
    /** Opacity of the inner glass area (0-1) */
    opacity?: number;
    /** Blur intensity for the inner glass area */
    blur?: number;
    /** Standard deviation for final displacement blur */
    displace?: number;
    /** Background opacity (for theme fallback) */
    backgroundOpacity?: number;
    /** Background color (CSS color value, e.g., 'white', '#fff', 'rgb(255,255,255)') */
    backgroundColor?: string;
    /** Saturation enhancement for the backdrop-filter */
    saturation?: number;
    /** Base displacement intensity for the chromatic aberration */
    distortionScale?: number;
    /** Red channel displacement offset */
    redOffset?: number;
    /** Green channel displacement offset */
    greenOffset?: number;
    /** Blue channel displacement offset */
    blueOffset?: number;
    /** SVG color channel used for X displacement */
    xChannel?: GlassChannel;
    /** SVG color channel used for Y displacement */
    yChannel?: GlassChannel;
    /** Blend mode for the internal gradient layers */
    mixBlendMode?: GlassMixBlendMode;
    /**
     * Color scheme for the glass effect. Controls theme-aware defaults.
     * - 'auto': detects system preference (default)
     * - 'dark': force dark mode defaults
     * - 'light': force light mode defaults
     * @default 'auto'
     */
    colorScheme?: "auto" | "dark" | "light";
    /**
     * Brightness multiplier for the backdrop-filter chain.
     * Values > 1 brighten, < 1 darken. Only applies when SVG filters are supported.
     * @default 1
     */
    backdropBrightness?: number;
    /**
     * Enable frosted glass effect with noise texture
     * @default false
     */
    frosted?: boolean;
    /** Additional CSS class names */
    className?: string;
    /** Inline styles for the container */
    style?: React.CSSProperties;
}
