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

Component library for Muvehealth

// @flow
import styled from 'react-emotion'
import {
  alignSelf,
  color,
  gridColumn,
  gridRow,
  justifySelf,
  space,
  style,
  width,
} from 'styled-system'

const gridColumnStart = style({
  prop: 'gridColumnStart',
})
const gridColumnEnd = style({
  prop: 'gridColumnEnd',
})
const gridRowStart = style({
  prop: 'gridRowStart',
})
const gridRowEnd = style({
  prop: 'gridRowEnd',
})
const gridArea = style({
  prop: 'gridArea',
})

const GridBox = styled('div')(
  alignSelf,
  color,
  gridArea,
  gridColumn,
  gridColumnEnd,
  gridColumnStart,
  gridRow,
  gridRowEnd,
  gridRowStart,
  justifySelf,
  space,
  width,
)

export default GridBox