Grid with attributes format

Grid_2.jsx

import React, { PropTypes } from 'react';

import GridRow from '../src/GridRow';
import GridColumn from '../src/GridColumn';

import '../src/grid.scss';

const propTypes = {
  children: PropTypes.node.isRequired,
};

const Grid = props => (<div {...props} />);

Grid.propTypes = propTypes;
Grid.Row = GridRow;
Grid.Column = GridColumn;

export default Grid;

// Consuming
import Gird from 'terra-grid';
<Grid>
  <Grid.Row>
    <Grid.Column>
      <p>test</p>
    </Grid.Column>
  </Grid.Row>
</Grid>

// Consuming with alias
import Grid from 'terra-grid';
const Row = Grid.Row;
const Col = Grid.Column;
<Grid>
  <Row>
    <Col>
      <p>test</p>
    </Col>
  </Row>
</Grid>