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

Component library for Muvehealth

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

const Sticker = styled('div', { shouldForwardProp })(
  {
    fontWeight: 'bold',
    borderRadius: 100,
    '@media print': {
      borderBottom: '1px solid !important',
      borderRadius: 0,
    },
  },
  fontSize,
  textStyle,
  space,
  color,
  props => ({
    color: themeGet('colors.lightGreen', '#CAFC68')(props),
    backgroundColor: themeGet('colors.textBlue', '#13535F')(props),
  }),
)

export default withProps({
  fontSize: 2,
  textStyle: 'uppercase',
  py: 1,
  px: 3,
})(Sticker)