import React from "react";
import { ColorRange as KendoColorRange } from "@progress/kendo-react-gauges";
import { CircularScale as KendoCircularScale } from "@progress/kendo-react-gauges/dist/npm/types/circular-scale.interface";

export interface CircularGaugeProps {
  dataTestId?: string;
  children?: React.ReactNode;
  className?: string;
  color?: string;
  colors?: KendoColorRange[];
  dir?: string;
  opacity?: number;
  renderAs?: "canvas" | "svg";
  scale?: KendoCircularScale;
  style?: React.CSSProperties;
  transitions?: boolean;
  value: number;
  centerRender?: (value: number, color: string) => React.ReactElement<any>;
}