demeter

 1export default function PageHeader({ title, subtitle, children }) {
 2  return (
 3    <header
 4      style={{
 5        flexShrink: 0,
 6        padding: "0 24px",
 7        height: 64,
 8        borderBottom: "1px solid var(--border)",
 9        background: "var(--bg-2)",
10        display: "flex",
11        alignItems: "center",
12        gap: 16,
13      }}
14    >
15      <div>
16        <h1 className="page-title">{title}</h1>
17        {subtitle && <p className="page-subtitle">{subtitle}</p>}
18      </div>
19      {children}
20    </header>
21  );
22}