import * as React from 'react';

export interface StatisticsWidgetProps {
  dataHook?: string;
  size?: 'large' | 'tiny';
  alignItems?: 'center' | 'start' | 'end';
  items?: StatisticsWidgetItem[];
  isLoading?: boolean;
}

export default class StatisticsWidget extends React.PureComponent<StatisticsWidgetProps> {}

export type StatisticsWidgetItem = {
  value: string;
  valueInShort?: string;
  description?: string;
  descriptionInfo?: string;
  percentage?: number;
  invertedPercentage?: boolean;
  onClick?: (
    event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,
  ) => void;
  children?: React.ReactNode;
  isLoading?: boolean;
};