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