import React from 'react';
import {Card, CardActions, CardHeader, CardMedia, CardTitle, CardText, RaisedButton} from 'material-ui';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import lightBaseTheme from 'material-ui/styles/baseThemes/lightBaseTheme';
import injectTapEventPlugin from 'react-tap-event-plugin';
injectTapEventPlugin();



const Home = () => (
  <MuiThemeProvider muiTheme={getMuiTheme(lightBaseTheme)}>
    <div className="home main-featured container">
      <div className="row feature-row">
        <div className="featured-card col-md-8">
          <Card>
            <CardMedia
              overlay={<CardTitle title="Featured Story" subtitle="James Comey's Conspicuous Independence" />}
            >
              <img height="400px" src="https://westernqueensland.files.wordpress.com/2014/05/new-york-sattelite-1.jpg" />
            </CardMedia>
          </Card>
        </div>
        <div className="col-md-4 about">
          <Card>
            <CardMedia>
            </CardMedia>
            <CardText style={{'font-size': 25}}>entwine allows content creators to quickly embed interactive maps, information about key characters, and data visualizations into their stories.</CardText>
            <div className="create-story-button">
              <RaisedButton label="Create a Story Now" fullWidth={true} labelStyle={{'font-size': 22}}/>
            </div>
          </Card>
        </div>
      </div>

      <div className="row small-featured-stories feature-row">
        <div className="col-md-3">
          <Card>
            <CardMedia
              overlay={<CardTitle title="Featured Story" />}
            >
            <img src="https://westernqueensland.files.wordpress.com/2014/05/new-york-sattelite-1.jpg" />
            </CardMedia>
          </Card>
          </div>
          <div className="col-md-3">
          <Card>
            <CardMedia
              overlay={<CardTitle title="Featured Story" />}
            >
              <img src="https://westernqueensland.files.wordpress.com/2014/05/new-york-sattelite-1.jpg" />
            </CardMedia>
          </Card>
        </div>
        <div className="col-md-3">
          <Card>
            <CardMedia
              overlay={<CardTitle title="Featured Story" />}
            >
              <img src="https://westernqueensland.files.wordpress.com/2014/05/new-york-sattelite-1.jpg" />
            </CardMedia>
          </Card>
        </div>
        <div className="col-md-3">
          <Card>
            <CardMedia
              overlay={<CardTitle title="Featured Story" />}
            >
              <img src="https://westernqueensland.files.wordpress.com/2014/05/new-york-sattelite-1.jpg" />
            </CardMedia>
          </Card>
        </div>
      </div>
    </div>
  </MuiThemeProvider>
);

export default Home;

@@ -20,16 +20,50 @@
 react';%0A
+import %7BLink%7D from 'react-router'%0A
 import %7B
@@ -1475,16 +1475,57 @@
 e': 22%7D%7D
+ containerElement=%7B%3CLink to=%22/editor%22/%3E%7D 
 /%3E%0A     

add link