import React from "react";
import { BarcodeProps } from "./BarcodeProps";
import { Barcode as KendoBarcode } from "@progress/kendo-react-barcodes";

const Barcode: React.FC<BarcodeProps> = ({
  dataTestId,
  background,
  border,
  checksum,
  className,
  color,
  height,
  padding,
  renderAs,
  style,
  text,
  type,
  value,
  width,
}) => (
  <div data-test-id={dataTestId}>
    <KendoBarcode
      background={background}
      border={border}
      checksum={checksum}
      className={className}
      color={color}
      height={height}
      padding={padding}
      renderAs={renderAs}
      style={style}
      text={text}
      type={type}
      value={value}
      width={width}
    />
  </div>
);

export default Barcode;