function Header()

in src/LangCard.js [17:45]

• 29 lines of code
• 2 McCabe index (conditional complexity)

function Header({ name, enName, code, repoUrl, isLink, linkRef }) {
  const linkStyle = css({
    color: 'black',
    textDecoration: 'none',
  })
  return (
    <header>
      <p {...css({ fontSize: '1rem' })}>{enName}</p>
      <h2
        {...css({
          fontWeight: 'initial',
          maxHeight: '2rem',
          fontSize: '1.5rem',
        })}
      >
        <ExtLink {...linkStyle} ref={linkRef} href={repoUrl}>
          {name}
        </ExtLink>
      </h2>
      {isLink ? (
        <ExtLink href={`https://${code}.reactjs.org`}>
          {code}.reactjs.org
        </ExtLink>
      ) : (
        <p {...css({ color: 'dimgray' })}>({code}.reactjs.org)</p>
      )}
    </header>
  )
}