import React from "react";
import { ErrorProps } from "./ErrorProps";
import { Error as KendoError } from "@progress/kendo-react-labels";

const Error: React.FC<ErrorProps> = ({
  dataTestId,
  children,
  className,
  direction,
  id,
  style,
}) => (
  <div data-test-id={dataTestId}>
    <KendoError
      className={className}
      direction={direction}
      id={id}
      style={style}
    >
      {children}
    </KendoError>
  </div>
);

export default Error;