Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 | 12x 12x 12x | import React from 'react'; import PropTypes from 'prop-types'; import * as R from 'ramda'; import Typography from '@material-ui/core/Typography'; import { makeStyles } from '@material-ui/core/styles'; const useStyles = makeStyles(theme => ({ tag: { color: 'white', backgroundColor: R.path(['palette', 'highlight', 'hl2'], theme) || theme.palette.primary.dark, fontSize: 12, padding: '2px 4px', borderRadius: 4, }, })); const Tag = ({ children }) => { const classes = useStyles(); if (R.isNil(children)) return null; return ( <div> <Typography className={classes.tag}>{children}</Typography> </div> ); }; Tag.propTypes = { children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]), }; export default Tag; |