BlockQuoteTag.tsx

 1import makeStyles from '@mui/styles/makeStyles';
 2import * as React from 'react';
 3
 4const useStyles = makeStyles((theme) => ({
 5  tag: {
 6    color: theme.palette.text.secondary,
 7    borderLeftWidth: '0.5ch',
 8    borderLeftStyle: 'solid',
 9    borderLeftColor: theme.palette.text.secondary,
10    marginLeft: 0,
11    paddingLeft: '0.5rem',
12  },
13}));
14
15const BlockQuoteTag: React.FC<React.HTMLProps<HTMLQuoteElement>> = (props) => {
16  const classes = useStyles();
17  return <blockquote className={classes.tag} {...props} />;
18};
19
20export default BlockQuoteTag;