{"size": 333, "ext": "js", "max_stars_repo_path": "src/components/hero.js", "max_stars_repo_name": "jossjacobo/jossay.com", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/hero.js", "max_issues_repo_name": "jossjacobo/jossay.com", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/hero.js", "max_forks_repo_name": "jossjacobo/jossay.com", "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": 15.8571428571, "max_line_length": 39, "alphanum_fraction": 0.6336336336}
import React, { Children } from 'react'
import styled from 'styled-components'

const HeaderPadding = styled.div`
  height: 25vh;
`

const Container = styled.div`
  padding: 0 0 4rem 0;
`

const Hero = ({ children }) => (
  <Container>
    <HeaderPadding />
    <h1>
      {children}
    </h1>
  </Container>
);

export default Hero;