aura-glass/dist/components/dashboard/GlassActivityFeed.d.ts

A comprehensive glassmorphism design system for React applications with 142+ production-ready components

import React from "react";
export interface ActivityItem {
    id: string;
    type: "user" | "system" | "notification" | "error" | "success" | "warning" | "info";
    title: string;
    description?: string;
    timestamp: Date;
    user?: {
        name: string;
        avatar?: string;
        id: string;
    };
    metadata?: Record<string, any>;
    icon?: React.ReactNode;
    color?: string;
    category?: string;
    tags?: string[];
    actions?: Array<{
        label: string;
        onClick: () => void;
        icon?: React.ReactNode;
    }>;
}
export interface GlassActivityFeedProps {
    /**
     * Activity items to display
     */
    activities?: ActivityItem[];
    /**
     * Feed title
     */
    title?: string;
    /**
     * Feed subtitle
     */
    subtitle?: string;
    /**
     * Maximum number of activities to show
     */
    maxItems?: number;
    /**
     * Show filter options
     */
    showFilters?: boolean;
    /**
     * Show activity categories
     */
    showCategories?: boolean;
    /**
     * Show timestamps
     */
    showTimestamps?: boolean;
    /**
     * Show user avatars
     */
    showAvatars?: boolean;
    /**
     * Compact mode
     */
    compact?: boolean;
    /**
     * Loading state
     */
    loading?: boolean;
    /**
     * Empty state message
     */
    emptyMessage?: string;
    /**
     * Filter activities by type
     */
    filterBy?: string[];
    /**
     * Group activities by date
     */
    groupByDate?: boolean;
    /**
     * Show load more button
     */
    showLoadMore?: boolean;
    /**
     * Load more handler
     */
    onLoadMore?: () => void;
    /**
     * Activity click handler
     */
    onActivityClick?: (activity: ActivityItem) => void;
    /**
     * Custom className
     */
    className?: string;
}
/**
 * GlassActivityFeed component
 * A glassmorphism activity timeline with filtering and grouping
 */
export declare const GlassActivityFeed: React.FC<GlassActivityFeedProps>;
export default GlassActivityFeed;
//# sourceMappingURL=GlassActivityFeed.d.ts.map