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