title: Uncaught ReferenceError: Row is not defined React-foundation
body: <p>I've installed Foundation on my react project and even after importing it, it still can not define foundation</p>
  
  <pre><code>import React, { PropTypes } from 'react';
  import { Link, IndexLink } from 'react-router';
  import Auth from '../modules/Auth';
  import DrawerLeft from './Drawer.jsx';
  import Foundation from 'react-foundation';
  
  
  const Base = ({ children }) =&gt; (
    &lt;div&gt;
      &lt;div className="top-bar"&gt;
        &lt;Row&gt;
          &lt;Column small={2} large={4}&gt;TESTING&lt;/Column&gt;
        &lt;/Row&gt;
  
        {Auth.isUserAuthenticated() ? (
          &lt;div className="top-bar-right"&gt;
            &lt;Link to="/logout"&gt;Exit&lt;/Link&gt;
          &lt;/div&gt;
        ) : (
          &lt;div className="top-bar-right"&gt;
            &lt;Link to="/login"&gt;Enter&lt;/Link&gt;
            &lt;Link to="/signup"&gt;Join&lt;/Link&gt;
          &lt;/div&gt;
        )}
  
      &lt;/div&gt;
  
      { /* child component will be rendered here */ }
      {children}
    &lt;/div&gt;
  );
  
  Base.propTypes = {
    children: PropTypes.object.isRequired
  };
  
  export default Base;
  </code></pre>
  
  <p>And in my package.json it says "react-foundation": "^0.8.2" under dependencies</p>