import Head from 'next/head' import Link from 'next/link' import { PureComponent } from 'react' import Avatar from 'react-md/lib/Avatars' import Button from 'react-md/lib/Buttons/Button' import FontIcon from 'react-md/lib/FontIcons' import ListItem from 'react-md/lib/Lists/ListItem' import NavigationDrawer from 'react-md/lib/NavigationDrawers' import SelectField from 'react-md/lib/SelectFields' const avatarSrc = 'https://cloud.githubusercontent.com/assets/13041/19686250/971bf7f8-9ac0-11e6-975c-188defd82df1.png' const drawerHeaderChildren = [ , ] class NavigationLink extends PureComponent { // NOTE: Don't try using Stateless (function) component here. `ref` is // required by React-MD/AccessibleFakeButton, but Stateless components // don't have one by design: // https://github.com/facebook/react/issues/4936 render () { const { href, as, children, ..._props } = this.props return (
{children}
) } } export default () => { const closeButton = ( ) return (
inbox} tileClassName='md-list-tile--mini' primaryText={'Root'} />, star} tileClassName='md-list-tile--mini' primaryText={'404 page'} /> ]} contentClassName='md-grid' drawerHeaderChildren={drawerHeaderChildren} mobileDrawerType={NavigationDrawer.DrawerTypes.TEMPORARY_MINI} tabletDrawerType={NavigationDrawer.DrawerTypes.PERSISTENT_MINI} desktopDrawerType={NavigationDrawer.DrawerTypes.PERSISTENT_MINI} toolbarTitle='Hello, World!' toolbarActions={closeButton} >

Hello Next.js!
) }