import React from "react";
import { RadioGroup as KendoRadioGroup } from "@progress/kendo-react-inputs";
import { RadioGroupProps } from "./RadioGroupProps";

const RadioGroup: React.FC<RadioGroupProps> = ({
  dataTestId,
  ariaDescribedBy,
  ariaLabelledBy,
  className,
  data,
  defaultValue,
  dir,
  disabled,
  item,
  labelPlacement,
  layout,
  name,
  style,
  valid,
  value,
  onChange,
  onFocus,
}) => {
  return (
    <div data-test-id={dataTestId}>
      <KendoRadioGroup
        ariaDescribedBy={ariaDescribedBy}
        ariaLabelledBy={ariaLabelledBy}
        className={className}
        data={data}
        defaultValue={defaultValue}
        dir={dir}
        disabled={disabled}
        item={item}
        labelPlacement={labelPlacement}
        layout={layout}
        name={name}
        style={style}
        valid={valid}
        value={value}
        onChange={onChange}
        onFocus={onFocus}
      />
    </div>
  );
};

export default RadioGroup;