//@flow
import React from "react";
import {withContextPath} from "./urls";

type Props = {
  src: string,
  alt: string,
  className?: any
};

class Image extends React.Component<Props> {

  createImageSrc = () => {
    const { src } = this.props;
    if (src.startsWith("http")) {
      return src;
    }
    return withContextPath(src);
  };

  render() {
    const { alt, className } = this.props;
    return <img className={className} src={this.createImageSrc()} alt={alt} />;
  }
}

export default Image;
