@100mslive/hms-ai-ui/dist/components/ui/InteractiveGradient.d.ts

100ms AI UI components

import React from "react";
/**
 * Props for the InteractiveGradient component
 */
export interface InteractiveGradientProps {
    className?: string;
    /**
     * Two background colors for the linear gradient behind everything.
     * Defaults to ['rgb(8, 10, 15)', 'rgb(0, 17, 32)'].
     */
    backgroundGradient?: [string, string];
    /**
     * An array of up to 5 (or fewer) circle colors (in "R,G,B" or "rgb()" form).
     * Example: ['18,113,255', '107,74,255', '100,100,255', ...].
     *
     * Defaults to:
     * [
     *   '18, 113, 255',
     *   '107, 74, 255',
     *   '100, 100, 255',
     *   '50, 160, 220',
     *   '80, 47, 122'
     * ]
     */
    circleColors?: string[];
    /**
     * Color for the mouse-follow bubble (in "R,G,B" or "rgb()" form).
     * Defaults to '140, 100, 255'.
     */
    interactiveColor?: string;
    /**
     * CSS size (e.g. '80%', '200px') for the radial circles.
     * Defaults to '80%'.
     */
    circleSize?: string;
    /**
     * CSS blend mode, e.g. 'hard-light', 'screen', etc.
     * Defaults to 'hard-light'.
     */
    blending?: React.CSSProperties["mixBlendMode"];
}
/**
 * Reusable interactive gradient background with minimal (inline) styling + Tailwind for layout.
 */
export declare const InteractiveGradient: React.FC<InteractiveGradientProps>;