import React from "react";
import {
  ArcScale as KendoArcScale,
  ColorRange as KendoColorRange,
} from "@progress/kendo-react-gauges";

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