ImageTag.tsx
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 <>
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;