import React from "react";
import { QRCode as KendoQRCode } from "@progress/kendo-react-barcodes";
import { QRCodeProps } from "./QRCodeProps";

const QRCode: React.FC<QRCodeProps> = ({
  dataTestId,
  background,
  border,
  className,
  color,
  encoding,
  errorCorrection,
  overlay,
  padding,
  renderAs,
  size,
  style,
  value,
}) => (
  <div data-test-id={dataTestId}>
    <KendoQRCode
      background={background}
      border={border}
      className={className}
      color={color}
      encoding={encoding}
      errorCorrection={errorCorrection}
      overlay={overlay}
      padding={padding}
      renderAs={renderAs}
      size={size}
      style={style}
      value={value}
    />
  </div>
);

export default QRCode;