import * as React from 'react';
import {PropsWithChildren} from "react";

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

export default class StatisticsWidget extends React.PureComponent<PropsWithChildren<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;
};