{"size": 1146, "ext": "js", "max_stars_repo_path": "components/LaptopScreenshot/index.js", "max_stars_repo_name": "IngPorto/nextjs-practica", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "components/LaptopScreenshot/index.js", "max_issues_repo_name": "IngPorto/nextjs-practica", "max_issues_repo_issues_event_min_datetime": "2021-01-08T03:31:02.000Z", "max_issues_repo_issues_event_max_datetime": "2021-01-08T03:31:02.000Z", "max_forks_repo_path": "components/LaptopScreenshot/index.js", "max_forks_repo_name": "IngPorto/nuque-dashboard", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 1, "max_forks_count": null, "avg_line_length": 30.1578947368, "max_line_length": 91, "alphanum_fraction": 0.3717277487}
/**
 * Archivo container (no puro)
 */
import Grid from '@material-ui/core/Grid';

class main_LaptopScreenshot extends React.Component {
    render(){
        return (
            <div className="LaptopScreenshot">
                <Grid item lg={12}>
                    <Grid container>
                        <div className="contenedorImagen">
                            <img className="imagen" src="static/temp-mac-test.png" alt=""/>
                        </div>
                    </Grid>
                </Grid>
                <style jsx>{`
                    .LaptopScreenshot {
                        width: 100%;
                        height: 450px;
                    }
                    .contenedorImagen{
                        width: 100%;
                        height: 500px;
                        text-align: center;
                    }
                    .imagen {
                        height: inherit;
                        position: relative;
                        top: -60px;
                    }
                `}</style>
            </div>
        )
    }
}

export default main_LaptopScreenshot;