{"size": 1591, "ext": "js", "max_stars_repo_path": "src/components/layout.js", "max_stars_repo_name": "sharon-leshan/agency-site", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/layout.js", "max_issues_repo_name": "sharon-leshan/agency-site", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/layout.js", "max_forks_repo_name": "sharon-leshan/agency-site", "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": 34.5869565217, "max_line_length": 123, "alphanum_fraction": 0.6253928347}
import React from 'react';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faTwitter, faFacebook, faInstagram, faLinkedin, faYoutube, faPinterest } from '@fortawesome/free-brands-svg-icons'
import { Header, Footer, GenericH2, GenericPara } from '../styles/IndexStyles';
import { Link } from 'gatsby';
import favicon from '../images/agency-site.png'
import Helmet from 'react-helmet';


const Layout = ({ children }) => (
  <div>
    <Helmet>
      <link rel='icon' href={favicon} />
    </Helmet>
    <Header>
      <GenericH2 none>
        <Link to='/' style={{ color: 'white' }}>MALEO LLC</Link>
      </GenericH2>
      <div className='menu__items'>
        <Link to='/works'>
          <GenericPara lessSize lessSpacing grey>Works</GenericPara>
        </Link>
        <Link to='/about'>
          <GenericPara lessSize lessSpacing grey>About</GenericPara>
        </Link>
      </div>
    </Header>
    {children}
    <Footer>
      <div className='icons'>
        <FontAwesomeIcon icon={faTwitter} size='2x' fixedWidth />
        <FontAwesomeIcon icon={faFacebook} size='2x' fixedWidth />
        <FontAwesomeIcon icon={faInstagram} size='2x' fixedWidth />
        <FontAwesomeIcon icon={faLinkedin} size='2x' fixedWidth />
        <FontAwesomeIcon icon={faYoutube} size='2x' fixedWidth />
        <FontAwesomeIcon icon={faPinterest} size='2x' fixedWidth />
      </div>
      <div className='copyright'>
        <span>&copy; 2021, MALEO | </span>
        <span>Made With ❤️ and ☕️ in Kenya</span>
      </div>
    </Footer>
  </div>
)

export default Layout;