Empty State Message Component

Provides a visually appealing and informative empty state display when statistical data is not yet available for visualization. This component creates a consistent empty state experience across all statistics tabs and visualizations.

Visual features:

  • Soft amber/warning color palette for attention without alarm
  • Randomly selected chart icon for visual interest
  • Custom message support for context-specific guidance
  • Consistent styling with light/dark mode support
  • Actionable hint for generating future data

The component is designed to be both informative and encouraging, helping users understand why data isn't available while motivating them to continue using the application to generate insights.

Interfaces

NoDataMessageProps

Functions

NoDataMessage