text: /*
      artifact generator: C:\my\wizzi\v5\apps\node_modules\wizzi-js\lib\artifacts\js\module\gen\main.js
      primary source IttfDocument: c:\my\wizzi\v5\apps\wizzi-studio\wizzi-studio-express\wizzi\ittf\server\webpacks\material-ui-docs\src\pages\home.js.ittf
      utc time: Mon, 20 Aug 2018 16:09:59 GMT
  */
  'use strict';
  import React from 'react';
  import PropTypes from 'prop-types';
  import { withStyles, createStyleSheet } from '../components/ui/styles';
  import Link from 'react-router/lib/Link';
  import Typography from '../components/ui/Typography';
  import Button from '../components/ui/Button';
  import muiLogo from '../assets/images/material-ui-logo.svg';
  const styleSheet = createStyleSheet('Home', (theme) => {
      return {
              root: {
                  flex: '1 0 100%'
              }, 
              hero: {
                  minHeight: '100vh', 
                  flex: '0 0 auto', 
                  display: 'flex', 
                  justifyContent: 'center', 
                  alignItems: 'center', 
                  backgroundColor: theme.palette.primary[500], 
                  color: theme.palette.getContrastText(theme.palette.primary[500])
              }, 
              content: {
                  padding: '60px 30px', 
                  textAlign: 'center', 
                  [theme.breakpoints.up('sm')]: {
                      padding: '120px 30px'
                  }
              }, 
              button: {
                  marginTop: 20
              }, 
              logo: {
                  margin: '20px -40%', 
                  width: '100%', 
                  height: '40vw', 
                  maxHeight: 230
              }
          };
  })function AppContent(props) {
      };
  function Home(props) {
      const classes = props.classes;
      return  (
              <div className={classes.root}>
                  <div className={classes.hero}>
                      <div className={classes.content}>
                          <img src={muiLogo} alt="Material UI Logo" className={classes.logo}>
                          </img>
                      
                          <Typography type="display2" component="h1" colorInherit>
                          {'Material-UI'}</Typography>
                      
                          <Typography type="subheading" component="h2" colorInherit>
                          {"A React component library implementing Google's Material Design"}</Typography>
                      
                          <Button component={Link} className={classes.button} raised to="/getting-started/installation">
                          {'Get Started'}</Button>
                      
                      </div>
                  
                  </div>
              
              </div>
          )
      ;
  }
  Home.propTypes = {
      classes: PropTypes.object.isRequired
  };
  export default withStyles(styleSheet)(Home);
  