spb/internetpressure

1import Link from 'next/link';2import { SITE_NAME } from '@/lib/site';3import { DegradedBanner } from './DegradedBanner';4import { LiveIndicator } from './LiveIndicator';5import { Logo } from './Logo';6import { NavLinks } from './NavLinks';7import { Search } from './Search';8import { TimeToggle } from './TimeToggle';910export function Header() {11  return (12    <>13      <header className="sticky top-0 z-40 border-b border-line bg-bg/95 backdrop-blur-[2px]">14        <div className="mx-auto flex h-[var(--header-h)] max-w-[1440px] items-center gap-4 px-3 sm:px-5">15          <Link href="/" className="flex items-center gap-2 text-[14px] font-medium tracking-tight text-ink" aria-label={`${SITE_NAME} home`}>16            <Logo size={20} />17            <span>18              InternetPressure<span className="text-ink-3">.io</span>19            </span>20          </Link>21          <NavLinks className="hidden lg:flex" />22          <div className="ml-auto flex items-center gap-2 sm:gap-3">23            <LiveIndicator className="hidden md:inline-flex" />24            <TimeToggle className="hidden sm:inline-flex" />25            <Search />26          </div>27        </div>28        <div className="border-t border-line lg:hidden">29          <NavLinks className="scroll-x mx-auto flex max-w-[1440px] px-3 sm:px-5" compact />30        </div>31      </header>32      <DegradedBanner />33    </>34  );35}36