import React from 'react' import { css } from '@emotion/core' import { Link } from 'gatsby' import { Nav } from './nav' import { Social } from './social' const headerStyle = ({ margins, breakpoints }) => css` margin: 0 0 ${margins.lg}px 0; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; @media (min-width: ${breakpoints[0].breakpoint}) { justify-content: space-between; } ` const headerLinkStyle = css` border: none; ` const headerLeftStyle = ({ margins }) => css` margin: 0 0 ${margins.md}px 0; ` export const Header = p => (

{p.siteName}

)