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

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

import React from "react";
export interface ChartWidgetAction {
    label: string;
    icon?: React.ReactNode;
    onClick: () => void;
    disabled?: boolean;
}
export interface GlassChartWidgetProps {
    /**
     * Widget title
     */
    title?: string;
    /**
     * Widget subtitle/description
     */
    subtitle?: string;
    /**
     * Chart content to display
     */
    children: React.ReactNode;
    /**
     * Widget size
     */
    size?: "sm" | "md" | "lg" | "xl";
    /**
     * Loading state
     */
    loading?: boolean;
    /**
     * Error state
     */
    error?: string;
    /**
     * Empty state message
     */
    emptyMessage?: string;
    /**
     * Show header
     */
    showHeader?: boolean;
    /**
     * Show actions menu
     */
    showActions?: boolean;
    /**
     * Custom actions
     */
    actions?: ChartWidgetAction[];
    /**
     * Chart type indicator
     */
    chartType?: "line" | "bar" | "area" | "pie" | "donut" | "custom";
    /**
     * Show chart type indicator
     */
    showChartType?: boolean;
    /**
     * Time range indicator
     */
    timeRange?: string;
    /**
     * Last updated timestamp
     */
    lastUpdated?: Date;
    /**
     * Show refresh button
     */
    showRefresh?: boolean;
    /**
     * Show download button
     */
    showDownload?: boolean;
    /**
     * Show fullscreen toggle
     */
    showFullscreen?: boolean;
    /**
     * Fullscreen state
     */
    fullscreen?: boolean;
    /**
     * Fullscreen change handler
     */
    onFullscreenChange?: (fullscreen: boolean) => void;
    /**
     * Refresh handler
     */
    onRefresh?: () => void;
    /**
     * Download handler
     */
    onDownload?: () => void;
    /**
     * Custom header content
     */
    headerContent?: React.ReactNode;
    /**
     * Custom footer content
     */
    footerContent?: React.ReactNode;
    /**
     * Custom className
     */
    className?: string;
}
/**
 * GlassChartWidget component
 * A glassmorphism chart container widget with header, actions, and fullscreen support
 */
export declare const GlassChartWidget: React.FC<GlassChartWidgetProps>;
export interface GlassChartWidgetGridProps {
    widgets: Array<Omit<GlassChartWidgetProps, "size">>;
    columns?: number;
    size?: "sm" | "md" | "lg";
    className?: string;
}
export declare const GlassChartWidgetGrid: React.FC<GlassChartWidgetGridProps>;
export default GlassChartWidget;
//# sourceMappingURL=GlassChartWidget.d.ts.map