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

Component library for Muvehealth

// @flow
import styled from 'react-emotion'
import {
  alignSelf, borders, color, flex, fontSize, height,
  maxWidth, minWidth, minHeight, order, position, space, style,
  textAlign, top, right, bottom, left, width, zIndex,
} from 'styled-system'
import { shouldForwardProp } from '../../utils'

const background = style({
  prop: 'background',
})

const Box = styled('div', { shouldForwardProp })(
  {
    '@media print': {
      border: 'none',
      padding: 0,
      margin: 0,
    },
  },
  alignSelf,
  background,
  borders,
  color,
  flex,
  fontSize,
  height,
  maxWidth,
  minWidth,
  minHeight,
  position,
  order,
  space,
  textAlign,
  top,
  right,
  bottom,
  left,
  width,
  zIndex,
)

export default Box