import React from "react";
import { BadgeContainerProps } from "./BadgeContainerProps";
import { BadgeContainer as KendoBadgeContainer } from "@progress/kendo-react-indicators";

const BadgeContainer: React.FC<BadgeContainerProps> = ({
  dataTestId,
  children,
  className,
  dir,
  style,
}) => (
  <div data-test-id={dataTestId}>
    <KendoBadgeContainer className={className} dir={dir} style={style}>
      {children}
    </KendoBadgeContainer>
  </div>
);

export default BadgeContainer;