import React from "react";
import { AvatarProps } from "./AvatarProps";
import { Avatar as KendoAvatar } from "@progress/kendo-react-layout";

const Avatar: React.FC<AvatarProps> = ({
  dataTestId,
  id,
  border,
  children,
  className,
  fillMode,
  rounded,
  size,
  style,
  themeColor,
  type,
}) => (
  <div data-test-id={dataTestId}>
    <KendoAvatar
      data-testid={id}
      border={border}
      className={className}
      fillMode={fillMode}
      rounded={rounded}
      size={size}
      style={style}
      themeColor={themeColor}
      type={type}
    >
      {children}
    </KendoAvatar>
  </div>
);

export default Avatar;