import styled from 'styled-components'
import { space } from 'styled-system'

export const Spacer = styled.div(space)

Spacer.Box = styled.div`
  display: flex;
  flex-direction: ${props => props.direction || 'row'};
  flex-wrap: wrap;
  
  & > * {
    ${space}
  }
`