import React from "react";
import { TextBoxProps } from "./TextBoxProps";
import { TextBox as KendoTextBox } from "@progress/kendo-react-inputs";

const TextBox: React.FC<TextBoxProps> = ({
  dataTestId,
  fillMode,
  prefix,
  rounded,
  size,
  suffix,
  valid,
  onChange,
}) => {
  return (
    <div data-test-id={dataTestId}>
      <KendoTextBox
        fillMode={fillMode}
        prefix={prefix}
        rounded={rounded}
        size={size}
        suffix={suffix}
        valid={valid}
        onChange={onChange}
      />
    </div>
  );
};

export default TextBox;