import React from "react";

type Props = {
  imageUrl: string;
  className?: string;
  alt?: string;
  width?: number;
  height?: number;
};

const JanImage: React.FC<Props> = ({
  imageUrl,
  className = "",
  alt = "",
  width,
  height,
}) => {
  const [attempt, setAttempt] = React.useState(0);

  return (
    <img
      width={width}
      height={height}
      src={imageUrl}
      alt={alt}
      className={className}
      key={attempt}
      onError={() => setAttempt(attempt + 1)}
    />
  );
};

export default JanImage;