import Link from 'next/link'
import siteConfig from '@/lib/site-config'

export function Header() {
  return (
    <header className="mx-auto mb-12 w-full max-w-3xl sm:mb-16">
      {siteConfig.logo?.src ? (
        <Link href="/">
          {/* eslint-disable-next-line @next/next/no-img-element */}
          <img src={siteConfig.logo.src} alt={siteConfig.logo.alt ?? ''} className="max-h-12" />
        </Link>
      ) : (
        <Link
          className="text-theme-foreground text-2xl leading-tight font-medium sm:text-4xl"
          href="/"
        >
          {siteConfig.title}
        </Link>
      )}
      {siteConfig.subtitle && (
        <p className="mt-1 text-sm leading-tight">{siteConfig.subtitle}</p>
      )}
    </header>
  )
}