import React from "react";
import { ChunkProgressBar as KendoChunkProgressBar } from "@progress/kendo-react-progressbars";
import { ChunkProgressBarProps } from "./ChunkProgressBarProps";

const ChunkProgressBar: React.FC<ChunkProgressBarProps> = ({
  dataTestId,
  ariaLabel,
  chunkCount,
  className,
  dir,
  disabled,
  emptyClassName,
  emptyStyle,
  max,
  min,
  orientation,
  progressClassName,
  progressStyle,
  reverse,
  style,
  tabIndex,
  value,
}) => (
  <div data-test-id={dataTestId}>
    <KendoChunkProgressBar
      ariaLabel={ariaLabel}
      chunkCount={chunkCount}
      className={className}
      dir={dir}
      disabled={disabled}
      emptyClassName={emptyClassName}
      emptyStyle={emptyStyle}
      max={max}
      min={min}
      orientation={orientation}
      progressClassName={progressClassName}
      progressStyle={progressStyle}
      reverse={reverse}
      style={style}
      tabIndex={tabIndex}
      value={value}
    />
  </div>
);

export default ChunkProgressBar;