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

Component library for Muvehealth

// @flow
import styled from 'react-emotion'
import { alignContent, alignItems, borderColor, borders, color, flexDirection,
  flexWrap, fontSize, height, justifyContent,
  maxWidth, minHeight, space, style, textStyle, width,
} from 'styled-system'
import { shouldForwardProp } from '../../utils'

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

const Flex = styled('div', { shouldForwardProp })(
  { display: 'flex' },
  alignContent,
  alignItems,
  background,
  borderColor,
  borders,
  color,
  flexDirection,
  flexWrap,
  fontSize,
  height,
  justifyContent,
  maxWidth,
  minHeight,
  space,
  width,
  textStyle,
)

export default Flex