import React from "react";
import { Stepper as KendoStepper } from "@progress/kendo-react-layout";
import { StepperProps } from "./StepperProps";

const Stepper: React.FC<StepperProps> = ({
  dataTestId,
  animationDuration,
  children,
  className,
  dir,
  disabled,
  errorIcon,
  errorSVGIcon,
  item,
  items,
  linear,
  mode,
  orientation,
  style,
  successIcon,
  successSVGIcon,
  value,
  onChange,
  onFocus,
}) => {
  return (
    <div data-test-id={dataTestId}>
      <KendoStepper
        animationDuration={animationDuration}
        children={children}
        className={className}
        dir={dir}
        disabled={disabled}
        errorIcon={errorIcon}
        errorSVGIcon={errorSVGIcon}
        item={item}
        items={items}
        linear={linear}
        mode={mode}
        orientation={orientation}
        style={style}
        successIcon={successIcon}
        successSVGIcon={successSVGIcon}
        value={value}
        onChange={onChange}
        onFocus={onFocus}
      />
    </div>
  );
};

export default Stepper;