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