@muvehealth/fixins/dist/elements/FormHeading/index.js.flow

Component library for Muvehealth

// @flow
import styled from 'react-emotion'
import withProps from 'recompose/withProps'
import { borders, fontSize, space, textStyle, themeGet } from 'styled-system'
import { shouldForwardProp } from '../../utils'

const FormHeading = styled('div', { shouldForwardProp })(
  {
    fontWeight: 'bold',
    '@media print': {
      fontSize: 16,
      padding: 0,
      marginTop: 20,
    },
  },
  borders,
  fontSize,
  textStyle,
  space,
  props => ({
    color: themeGet('colors.tealBlue', '#1B8D97')(props),
  }),
)

export default withProps({
  fontSize: 3,
  mt: 10,
  pb: 3,
  textStyle: 'uppercase',
  borderBottom: 2,
})(FormHeading)