import React from "react";
import { ButtonGroup as KendoButtonGroup } from "@progress/kendo-react-buttons";
import { ButtonGroupProps } from "./ButtonGroupProps";

const ButtonGroup: React.FC<ButtonGroupProps> = ({
  dataTestId,
  className,
  dir,
  disabled,
  width,
  children,
}) => {
  return (
    <div data-test-id={dataTestId}>
      <KendoButtonGroup
        className={className}
        dir={dir}
        disabled={disabled}
        width={width}
      >
        {children}
      </KendoButtonGroup>
    </div>
  );
};

export default ButtonGroup;