Untitled

const RenderContentItem = ({ content, uri, _id, imageName }: IContentProps) => {
  const { t } = useTranslation();
  return (
    <div>
      <Typography style={{ textIndent: "2em" }}>{content}</Typography>
      {uri.map((image, index) => (
        <div key={index}>
          <img src={image} alt={`content-${index}`} loading="lazy" />
          <figcaption className="image-description">
            {`${t("picNumber")} ${index + 1}: ${imageName}`}
          </figcaption>
          <br />
          <br />
        </div>
      ))}
    </div>
  );
};