import { wwwAPI } from "src/Www";
import { getDefaultAvatarID } from "src/Utility";

import scss from "src/AvatarDrawing.module.scss";

export default function AvatarDrawing({ avatarID }: { avatarID: string }) {
  return (
    <div className={scss.drawing}>
      <img
        alt=""
        src={`${wwwAPI}/drawing?avatarID=${encodeURIComponent(
          getDefaultAvatarID(avatarID),
        )}&drawingVariety=0`}
        className={scss.avatar}
      />
      <img
        alt=""
        src={`${wwwAPI}/drawing?avatarID=${encodeURIComponent(
          getDefaultAvatarID(avatarID),
        )}&drawingVariety=2`}
        className={scss.edge}
        onError={(e) => (e.currentTarget.hidden = true)}
      />
    </div>
  );
}