import { wwwAPIPath } from "@/utilities/wwwAPI";
import dayjs from "dayjs";
import Image from "next/image";

export default function AvatarDrawing({
  avatarID,
  drawingLength = 48,
  drawingHeight = 48,
}: {
  avatarID: string;
  drawingLength?: number;
  drawingHeight?: number;
}) {
  return (
    <Image
      alt=""
      src={`${wwwAPIPath}/avatar/drawing${avatarID ? `/${avatarID}` : ""}?${dayjs().valueOf()}`}
      className="rounded border"
      width={drawingLength}
      height={drawingHeight}
    />
  );
}