aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
49 lines • 1.4 kB
TypeScript
import React from "react";
export interface SocialPost {
id: string;
author: {
id: string;
name: string;
avatar?: string;
username: string;
verified?: boolean;
};
content: string;
timestamp: Date;
likes: number;
shares: number;
comments: number;
media?: {
type: "image" | "video" | "gif";
url: string;
thumbnail?: string;
alt?: string;
}[];
isLiked?: boolean;
isShared?: boolean;
tags?: string[];
mentions?: string[];
}
export interface GlassSocialFeedProps {
posts: SocialPost[];
currentUserId?: string;
showInteractions?: boolean;
showTimestamps?: boolean;
showMedia?: boolean;
showTags?: boolean;
compactMode?: boolean;
maxHeight?: number;
infiniteScroll?: boolean;
realTimeUpdates?: boolean;
sortBy?: "timestamp" | "likes" | "engagement";
filterBy?: "all" | "following" | "liked";
onLike?: (postId: string) => void;
onShare?: (postId: string) => void;
onComment?: (postId: string) => void;
onUserClick?: (userId: string) => void;
onPostClick?: (postId: string) => void;
onLoadMore?: () => void;
className?: string;
}
export declare const GlassSocialFeed: React.ForwardRefExoticComponent<GlassSocialFeedProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=GlassSocialFeed.d.ts.map