export default function Header() {
  return (
    <header style={{ padding: "20px 24px", background: "#ffffff", borderBottom: "1px solid #e2e2e2" }}>
      <div style={{ maxWidth: 1100, margin: "0 auto", display: "flex", alignItems: "center", gap: 16 }}>
        <div style={{ fontWeight: 700 }}>Brand</div>
        <nav style={{ display: "flex", gap: 12, fontSize: 14 }}>
          <a href="/" style={{ textDecoration: "none", color: "inherit" }}>Home</a>
          <a href="/search" style={{ textDecoration: "none", color: "inherit" }}>Search</a>
        </nav>
      </div>
    </header>
  );
}