import React from 'react'
import PropTypes from 'prop-types'
import styled from 'styled-components'
import v from '../../config/variables'

const FormRowContainer = styled.div`
  margin-bottom: ${v.base.gutter}px;
`

class FormRow extends React.Component {
  static propTypes = {
    children: PropTypes.node
  }

  static defaultProps = {
    children: null
  }

  render() {
    return (
      <FormRowContainer>{this.props.children}</FormRowContainer>
    )
  }
}

export default FormRow
