import Link from "next/link";

import { AnalyticsNav } from "@/components/analytics/AnalyticsNav";

export default function AnalyticsLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <main
      style={{
        background: "#f6f7f9",
        minHeight: "100vh",
      }}
    >
      <div
        style={{ maxWidth: 1280, margin: "0 auto", padding: "20px 24px 40px" }}
      >
        <header
          style={{
            display: "flex",
            alignItems: "baseline",
            justifyContent: "space-between",
            marginBottom: 16,
          }}
        >
          <div>
            <Link
              href="/"
              style={{ fontSize: 13, color: "#5b6066", textDecoration: "none" }}
            >
              ← GenDesign
            </Link>
            <h1 style={{ margin: "4px 0 0", fontSize: 22 }}>Аналитика рынка</h1>
            <p style={{ margin: "4px 0 0", color: "#5b6066", fontSize: 13 }}>
              Свердловская область · ЕКБ · PRINZIP — данные DOM.РФ, Rosreestr,
              Yandex Realty
            </p>
          </div>
        </header>
        <AnalyticsNav />
        {children}
      </div>
    </main>
  );
}
