diff options
Diffstat (limited to 'src/lib/Markdown/InlineCode.tsx')
-rw-r--r-- | src/lib/Markdown/InlineCode.tsx | 18 |
1 files changed, 18 insertions, 0 deletions
diff --git a/src/lib/Markdown/InlineCode.tsx b/src/lib/Markdown/InlineCode.tsx new file mode 100644 index 0000000..c51f924 --- /dev/null +++ b/src/lib/Markdown/InlineCode.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import { makeStyles } from '@material-ui/core'; + +const useStyles = makeStyles(theme => ({ + root: { + background: theme.palette.background.default, + borderRadius: theme.spacing(0.5), + padding: theme.spacing(0.5), + fontFamily: 'Monospace', + }, +})); + +const InlineCode: React.FC = ({ children }) => { + const classes = useStyles(); + return <span className={classes.root}>{children}</span>; +}; + +export default InlineCode; |