aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
55 lines • 1.51 kB
TypeScript
import React from "react";
export interface DrawingStroke {
id: string;
userId: string;
userName: string;
userColor: string;
points: Array<{
x: number;
y: number;
pressure?: number;
}>;
tool: "pen" | "marker" | "eraser" | "shape";
color: string;
size: number;
opacity: number;
timestamp: number;
isComplete: boolean;
}
export interface WhiteboardUser {
id: string;
name: string;
color: string;
avatar?: string;
cursorX: number;
cursorY: number;
isDrawing: boolean;
currentTool: string;
lastActivity: number;
}
export interface GlassSharedWhiteboardProps {
width?: number;
height?: number;
users: WhiteboardUser[];
currentUserId: string;
strokes?: DrawingStroke[];
backgroundColor?: string;
gridVisible?: boolean;
showUserCursors?: boolean;
showToolbar?: boolean;
showUserList?: boolean;
showUndoRedo?: boolean;
maxStrokes?: number;
realTimeSync?: boolean;
soundEnabled?: boolean;
canDraw?: boolean;
readOnly?: boolean;
onStroke?: (stroke: DrawingStroke) => void;
onClear?: () => void;
onUndo?: () => void;
onRedo?: () => void;
onUserCursorMove?: (userId: string, x: number, y: number) => void;
className?: string;
}
export declare const GlassSharedWhiteboard: React.ForwardRefExoticComponent<GlassSharedWhiteboardProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=GlassSharedWhiteboard.d.ts.map