import React from "react";
import { LabelProps } from "./LabelProps";
import { Label as KendoLabel } from "@progress/kendo-react-labels";

const Label: React.FC<LabelProps> = ({
  dataTestId,
  children,
  className,
  editorDisabled,
  editorId,
  editorRef,
  editorValid,
  id,
  optional,
  style,
}) => (
  <div data-test-id={dataTestId}>
    <KendoLabel
      className={className}
      editorDisabled={editorDisabled}
      editorId={editorId}
      editorRef={editorRef}
      editorValid={editorValid}
      id={id}
      optional={optional}
      style={style}
    >
      {children}
    </KendoLabel>
  </div>
);
export default Label;