import React from "react";
import { BadgeProps } from "./BadgeProps";
import { Badge as KendoBadge } from "@progress/kendo-react-indicators";

const Badge: React.FC<BadgeProps> = ({
  dataTestId,
  align,
  children,
  className,
  cutoutBorder,
  dir,
  fillMode,
  position,
  rounded,
  size,
  style,
  themeColor,
}) => (
  <div data-test-id={dataTestId}>
    <KendoBadge
      align={align}
      className={className}
      cutoutBorder={cutoutBorder}
      dir={dir}
      fillMode={fillMode}
      position={position}
      rounded={rounded}
      size={size}
      style={style}
      themeColor={themeColor}
    >
      {children}
    </KendoBadge>
  </div>
);

export default Badge;