import React from "react";
import { Button as KendoButton } from "@progress/kendo-react-buttons";
import { ButtonProps } from "./ButtonProps";

const Button: React.FC<ButtonProps> = ({
  dataTestId,
  children,
  disabled,
  fillMode,
  icon,
  iconClass,
  imageAlt,
  imageUrl,
  rounded,
  selected,
  size,
  themeColor,
  togglable,
  className,
  onClick,
  onMouseDown,
  onMouseUp,
  onFocus,
  onBlur,
}) => (
  <div data-test-id={dataTestId}>
    <KendoButton
      disabled={disabled}
      fillMode={fillMode}
      icon={icon}
      iconClass={iconClass}
      imageAlt={imageAlt}
      imageUrl={imageUrl}
      rounded={rounded}
      selected={selected}
      size={size}
      themeColor={themeColor}
      togglable={togglable}
      className={className}
      onClick={onClick}
      onMouseDown={onMouseDown}
      onMouseUp={onMouseUp}
      onFocus={onFocus}
      onBlur={onBlur}
    >
      {children}
    </KendoButton>
  </div>
);

export default Button;