1import React from 'react';
 2
 3import { makeStyles } from '@material-ui/styles';
 4
 5const useStyles = makeStyles({
 6  tag: {
 7    maxWidth: '100%',
 8  },
 9});
10
11const ImageTag = ({
12  alt,
13  ...props
14}: React.ImgHTMLAttributes<HTMLImageElement>) => {
15  const classes = useStyles();
16  return (
17    <a href={props.src} target="_blank" rel="noopener noreferrer nofollow">
18      <img className={classes.tag} alt={alt} {...props} />
19    </a>
20  );
21};
22
23export default ImageTag;