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