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            <span className="md:hidden">24              <LiveIndicator compact />25            </span>26            <span className="hidden md:inline-flex">27              <LiveIndicator />28            </span>29            <span className="hidden sm:inline-flex">30              <TimeToggle />31            </span>32            <Search />33          </div>34        </div>35        <div className="border-t border-line lg:hidden">36          <NavLinks className="scroll-x mx-auto flex max-w-[1440px] px-3 sm:px-5" compact />37        </div>38      </header>39      <DegradedBanner />40    </>41  );42}43