'use client'; import * as React from 'react'; export interface GlowBackgroundProps { className?: string; /** * Overall opacity of the glow layer (0..1). Use ≤0.5 when the glow * sits behind dense UI like forms — the default `1` is tuned for * marketing surfaces and quickly drowns small inputs. * @default 1 */ intensity?: number; } /** * GlowBackground — animated mesh gradient backdrop. * * Renders as `position: absolute inset-0` — must be placed inside * a `position: relative` container. Content goes on top with `position: relative`. * * @example * ```tsx *
* *
{content}
*
* ``` */ export const GlowBackground = React.memo(({ className, intensity = 1 }: GlowBackgroundProps) => (