import { Color } from "@/types/colors";
export interface KendoMouseEvent<T> {
  syntheticEvent: React.MouseEvent<T>;
  target: T;
}

export interface IconProps<T = any> {
  dataTestId?: string;
  className?: string;
  flip?: "default" | "horizontal" | "vertical" | "both";
  id?: string;
  name?: string;
  size?:
    | "default"
    | "xsmall"
    | "small"
    | "medium"
    | "large"
    | "xlarge"
    | "xxlarge"
    | "xxxlarge";
  style?: React.CSSProperties;
  tabIndex?: number;
  themeColor?: Color;
  onClick?: (args: KendoMouseEvent<T>) => void;
  onDoubleClick?: (args: KendoMouseEvent<T>) => void;
  onMouseDown?: (args: KendoMouseEvent<T>) => void;
  onMouseEnter?: (args: KendoMouseEvent<T>) => void;
  onMouseLeave?: (args: KendoMouseEvent<T>) => void;
  onMouseMove?: (args: KendoMouseEvent<T>) => void;
  onMouseOut?: (args: KendoMouseEvent<T>) => void;
  onMouseOver?: (args: KendoMouseEvent<T>) => void;
  onMouseUp?: (args: KendoMouseEvent<T>) => void;
}