Grid export into multiple components.

Grid.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;

export { Grid, GridRow, GridColumn };

// Consuming
import { Gird, GridRow, GridColumn } from 'terra-grid';
<Grid>
  <GridRow>
    <GridColumn>
      <p>test</p>
    </GridColumn>
  </GridRow>
</Grid>

// Consuming with alias
import { Gird, GridRow as Row, GridColumn as Col } from 'terra-grid';
<Grid>
  <Row>
    <Col>
      <p>test</p>
    </Col>
  </Row>
</Grid>