aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
40 lines • 1.13 kB
TypeScript
import React from 'react';
export interface ReactionBubble {
id: string;
emoji: string;
userId: string;
userName: string;
userColor?: string;
x: number;
y: number;
timestamp: number;
size?: number;
velocity?: {
x: number;
y: number;
};
life: number;
maxLife: number;
}
export interface GlassReactionBubblesProps {
width?: number;
height?: number;
reactions?: ReactionBubble[];
availableEmojis?: string[];
showControls?: boolean;
showUserNames?: boolean;
bubbleLifetime?: number;
maxBubbles?: number;
gravity?: number;
windForce?: number;
bounceEnabled?: boolean;
fadeOut?: boolean;
soundEnabled?: boolean;
realTimeMode?: boolean;
interactive?: boolean;
onReactionAdd?: (emoji: string, x?: number, y?: number) => void;
onReactionClick?: (reaction: ReactionBubble) => void;
className?: string;
}
export declare const GlassReactionBubbles: React.ForwardRefExoticComponent<GlassReactionBubblesProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=GlassReactionBubbles.d.ts.map