text: import React, { memo } from 'react'
  import styled from '@emotion/styled/macro'
  import { hideVisually } from 'polished'
  import ZipCodeForm from './ZipCodeForm.js'
  
  const StyledHeading = styled.h1`
    ${hideVisually()}
  `
  
  function Header (props) {
    return (
      <header>
        <StyledHeading>Busca CEP</StyledHeading>
        <ZipCodeForm {...props} />
      </header>
    )
  }
  
  export default memo(
    Header,
    (
      { offline: prevOffline, zipCode: prevZipCode },
      { offline: nextOffline, zipCode: nextZipCode }
    ) => prevOffline === nextOffline && prevZipCode === nextZipCode
  )
  