webui/src/components/Content/BlockQuoteTag.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

import React from 'react';

import { makeStyles } from '@material-ui/core/styles';

const useStyles = makeStyles((theme) => ({
  tag: {
    color: theme.palette.text.secondary,
    borderLeftWidth: '0.5ch',
    borderLeftStyle: 'solid',
    borderLeftColor: theme.palette.text.secondary,
    marginLeft: 0,
    paddingLeft: '0.5rem',
  },
}));

const BlockQuoteTag: React.FC<React.HTMLProps<HTMLElement>> = (props) => {
  const classes = useStyles();
  return <blockquote className={classes.tag} {...props} />;
};

export default BlockQuoteTag;