aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
74 lines • 1.64 kB
TypeScript
import React from "react";
import { ChatMessage } from "./GlassChat";
export interface GlassMessageListProps {
/**
* Messages to display
*/
messages?: ChatMessage[];
/**
* Current user ID
*/
currentUserId?: string;
/**
* Enable message reactions
*/
enableReactions?: boolean;
/**
* Enable message replies
*/
enableReplies?: boolean;
/**
* Show message status
*/
showMessageStatus?: boolean;
/**
* Show timestamps
*/
showTimestamps?: boolean;
/**
* Show user avatars
*/
showAvatars?: boolean;
/**
* Enable message search
*/
enableSearch?: boolean;
/**
* Virtual scrolling
*/
virtualScroll?: boolean;
/**
* Message click handler
*/
onMessageClick?: (message: ChatMessage) => void;
/**
* Message reaction handler
*/
onMessageReaction?: (messageId: string, emoji: string) => void;
/**
* Message reply handler
*/
onMessageReply?: (messageId: string) => void;
/**
* Attachment download handler
*/
onAttachmentDownload?: (attachment: {
url: string;
name: string;
}) => void;
/**
* Custom className
*/
className?: string;
/**
* Custom data-testid for testing
*/
"data-testid"?: string;
}
/**
* GlassMessageList component
* A scrollable list of chat messages with reactions, replies, and attachments
*/
export declare const GlassMessageList: React.FC<GlassMessageListProps>;
export default GlassMessageList;
//# sourceMappingURL=GlassMessageList.d.ts.map