aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
81 lines • 1.78 kB
TypeScript
import React from "react";
export interface UserPresence {
id: string;
name: string;
avatar?: string;
status: "online" | "offline" | "away" | "busy" | "invisible";
lastSeen?: Date;
location?: string;
activity?: string;
customStatus?: string;
role?: "admin" | "moderator" | "member" | "guest";
}
export interface GlassUserPresenceProps {
/**
* Current user
*/
currentUser?: UserPresence;
/**
* List of users to display
*/
users?: UserPresence[];
/**
* Show online count
*/
showOnlineCount?: boolean;
/**
* Show user roles
*/
showRoles?: boolean;
/**
* Show user locations
*/
showLocations?: boolean;
/**
* Show user activities
*/
showActivities?: boolean;
/**
* Enable user actions
*/
enableActions?: boolean;
/**
* Enable status updates
*/
enableStatusUpdate?: boolean;
/**
* Group users by status
*/
groupByStatus?: boolean;
/**
* Compact mode
*/
compact?: boolean;
/**
* Max users to display
*/
maxUsers?: number;
/**
* User click handler
*/
onUserClick?: (user: UserPresence) => void;
/**
* User action handler
*/
onUserAction?: (userId: string, action: string) => void;
/**
* Status change handler
*/
onStatusChange?: (status: UserPresence["status"]) => void;
/**
* Custom className
*/
className?: string;
}
/**
* GlassUserPresence component
* Display user presence status with avatars and online indicators
*/
export declare const GlassUserPresence: React.FC<GlassUserPresenceProps>;
export default GlassUserPresence;
//# sourceMappingURL=GlassUserPresence.d.ts.map