{"size": 315, "ext": "js", "max_stars_repo_path": "template/src/components/a-commons/Grid/GridCenter.js", "max_stars_repo_name": "mgunsd/cra-template-emel", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "template/src/components/a-commons/Grid/GridCenter.js", "max_issues_repo_name": "mgunsd/cra-template-emel", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "template/src/components/a-commons/Grid/GridCenter.js", "max_forks_repo_name": "mgunsd/cra-template-emel", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 18.5294117647, "max_line_length": 55, "alphanum_fraction": 0.6507936508}
import React from 'react';
import styled from 'styled-components';

export const GridContainer = styled.div`
  display: grid;
  place-items: center;
  min-height:100vh;
`;

export const GridCenter = ({ children, ...props }) => {
  return (
    <GridContainer {...props}>
      {children}
    </GridContainer>
  )
}
