import React from "react";
import { RadioButtonProps } from "./RadioButtonProps";
import { RadioButton as KendoRadioButton } from "@progress/kendo-react-inputs";

const RadioButton: React.FC<RadioButtonProps> = ({
  dataTestId,
  ariaDescribedBy,
  checked,
  children,
  className,
  disabled,
  id,
  index,
  label,
  labelPlacement,
  name,
  size,
  style,
  tabIndex,
  valid,
  value,
  onBlur,
  onChange,
  onFocus,
}) => (
  <div data-test-id={dataTestId}>
    <KendoRadioButton
      ariaDescribedBy={ariaDescribedBy}
      checked={checked}
      className={className}
      disabled={disabled}
      id={id}
      index={index}
      label={label}
      labelPlacement={labelPlacement}
      name={name}
      size={size}
      style={style}
      tabIndex={tabIndex}
      valid={valid}
      value={value}
      onBlur={onBlur}
      onChange={onChange}
      onFocus={onFocus}
    >
      {children}
    </KendoRadioButton>
  </div>
);

export default RadioButton;