{"size": 1207, "ext": "js", "max_stars_repo_path": "src/components/templates/DashboardTemplate/index.js", "max_stars_repo_name": "damianCrow/React-dashboard", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/templates/DashboardTemplate/index.js", "max_issues_repo_name": "damianCrow/React-dashboard", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/templates/DashboardTemplate/index.js", "max_forks_repo_name": "damianCrow/React-dashboard", "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": 21.1754385965, "max_line_length": 103, "alphanum_fraction": 0.6843413422}
import PropTypes from 'prop-types'
import React from 'react'
import styled from 'styled-components'

const Wrapper = styled.div`
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100vh;
  min-height: 1920px;
  box-sizing: border-box;
  padding-top: 9.375rem;
  overflow: hidden;
  height: 1920px;
  background: linear-gradient(to right, #00928f 0%, #50b848 100%);
  // cursor: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), auto;
`

const Content = styled.article`
  box-sizing: border-box;
  display: block;
  height: 100%;
  overflow: hidden;
  width: 100%;
`

const Header = styled.header`
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
`

const Intro = styled.section`
  position: relative;
  display: block;
`

const DashboardTemplate = ({ header, intro, children, ...props }) => {
  return (
    <Wrapper {...props}>
      <Header>{header}</Header>
      {intro && <Intro>{intro}</Intro>}
      <Content>{children}</Content>
    </Wrapper>
  )
}

DashboardTemplate.propTypes = {
  header: PropTypes.any.isRequired,
  intro: PropTypes.any,
  children: PropTypes.any.isRequired,
}

export default DashboardTemplate
