import { HTMLAttributes } from "react";
import { RadioButtonProps } from "../RadioButton/RadioButtonProps";
import {
  RadioGroupChangeEvent as KendoRadioGroupChangeEvent,
  RadioGroupFocusEvent as KendoRadioGroupFocusEvent,
} from "@progress/kendo-react-inputs";

export interface RadioGroupProps {
  dataTestId?: string;
  ariaDescribedBy?: string;
  ariaLabelledBy?: string;
  className?: string;
  data?: RadioButtonProps[];
  defaultValue?: any;
  dir?: string;
  disabled?: boolean;
  item?: React.ComponentType<HTMLAttributes<HTMLLIElement>>;
  labelPlacement?: string;
  layout?: "horizontal" | "vertical";
  name?: string;
  style?: React.CSSProperties;
  valid?: boolean;
  value?: null | string | number | undefined;
  onChange?: (event: KendoRadioGroupChangeEvent) => void;
  onFocus?: (event: KendoRadioGroupFocusEvent) => void;
}