b8e0c2175b
* fix: eslint warnings * refactor: use ramda + sanctuary instead of lodash * refactor: use prettier-standard for formatting * feat: enable security * feat: add graphql * chore: remove trailing commas from linter * docs: new scripts on react and new-admin-server * feat: handle authentication on graphql * fix: perf improvement to date picker * chore: add insecure-dev script to run servers
30 lines
709 B
JavaScript
30 lines
709 B
JavaScript
import { makeStyles } from '@material-ui/core/styles'
|
|
import classnames from 'classnames'
|
|
import React, { memo } from 'react'
|
|
|
|
import { spacer, offColor } from 'src/styling/variables'
|
|
|
|
import { TL1 } from './typography'
|
|
|
|
const useStyles = makeStyles({
|
|
subtitle: {
|
|
color: offColor,
|
|
marginTop: spacer * 2,
|
|
marginBottom: spacer * 2
|
|
},
|
|
extraMarginTop: {
|
|
marginTop: spacer * 9
|
|
}
|
|
})
|
|
|
|
const Subtitle = memo(({ children, className, extraMarginTop }) => {
|
|
const classes = useStyles()
|
|
const classNames = {
|
|
[classes.subtitle]: true,
|
|
[classes.extraMarginTop]: extraMarginTop
|
|
}
|
|
|
|
return <TL1 className={classnames(classNames, className)}>{children}</TL1>
|
|
})
|
|
|
|
export default Subtitle
|