diff options
author | Eugene Sokolov <eug-vs@keemail.me> | 2021-01-14 19:27:47 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-01-14 19:27:47 +0200 |
commit | e1d1bb966cca5e1541d5703505cfa83e6ae12ec0 (patch) | |
tree | d803e0e891fc6c14ff2a390beeabbe59d0ad8485 /src/lib/Markdown/InlineCode.tsx | |
parent | d23df805ed5d0e78c604d5c9f81f21bbc6a06288 (diff) | |
parent | ef9dfdacf17c62254331140a40a508549aa725b4 (diff) | |
download | react-benzin-master.tar.gz |
Release 4.1.0
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; |