import React, { useEffect, useState, useRef } from 'react'; import { Link } from 'gatsby'; import PropTypes from 'prop-types'; import Helmet from 'react-helmet'; import styled from 'styled-components'; import FavIcon from './FavIcon'; function Header({ siteTitle, siteDescription, siteUrl }) { return ( {siteTitle}

/uses

A list of /uses pages detailing developer setups, gear, software and configs.

); } Header.propTypes = { siteTitle: PropTypes.string, }; Header.defaultProps = { siteTitle: ``, }; export default Header; // Component Styles const HeaderWrapper = styled.header` text-align: center; h1 { font-size: 6rem; } `;