import React from "react";
import { ProgressBarProps } from "./ProgressBarProps";
import { ProgressBar as KendoProgressBar } from "@progress/kendo-react-progressbars";

const ProgressBar: React.FC<ProgressBarProps> = ({
  dataTestId,
  animation,
  ariaLabel,
  className,
  dir,
  disabled,
  emptyClassName,
  emptyStyle,
  label,
  labelPlacement,
  labelVisible,
  max,
  min,
  orientation,
  progressClassName,
  progressStyle,
  reverse,
  style,
  tabIndex,
  value,
}) => (
  <div data-test-id={dataTestId}>
    <KendoProgressBar
      animation={animation}
      ariaLabel={ariaLabel}
      className={className}
      dir={dir}
      disabled={disabled}
      emptyClassName={emptyClassName}
      emptyStyle={emptyStyle}
      label={label}
      labelPlacement={labelPlacement}
      labelVisible={labelVisible}
      max={max}
      min={min}
      orientation={orientation}
      progressClassName={progressClassName}
      progressStyle={progressStyle}
      reverse={reverse}
      style={style}
      tabIndex={tabIndex}
      value={value}
    />
  </div>
);

export default ProgressBar;