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;