import { ReactNode, CSSProperties, ElementType, HTMLAttributes } from 'react'; export interface LiquidGlassProps extends Omit, 'as'> { /** Content to display inside the glass container */ children?: ReactNode; /** Additional TailwindCSS classes */ className?: string; /** * Classes for the internal content wrapper that directly contains * `children`. Use it for layout (flex/grid) — layout classes on * `className` target the outer wrapper, not the content */ contentClassName?: string; /** Blur level for the backdrop filter (in px) */ backdropBlur?: number; /** Tint overlay color */ tintColor?: string; /** Displacement map scale (liquid effect intensity) */ displacementScale?: number; /** Turbulence base frequency (controls noise size) */ turbulenceBaseFrequency?: string; /** Turbulence seed (for different noise patterns) */ turbulenceSeed?: number; /** HTML component to render (div, button, section, etc.) */ as?: ElementType; /** Additional inline styles */ style?: CSSProperties; /** Disables the glass effect entirely, rendering plain children (useful for low-power devices or perf-sensitive lists) */ disabled?: boolean; }