import type { Metadata } from "next";
import { IBM_Plex_Mono, Manrope } from "next/font/google";

import { pageBg } from "@/components/trade-in/v2/tokens";

// Manrope — primary sans typeface of the МЕРА HUD. next/font is bundled
// (no package.json change). Cyrillic + latin so RU labels render correctly.
const manrope = Manrope({
  subsets: ["latin", "cyrillic"],
  weight: ["200", "300", "400", "500", "600", "700"],
  variable: "--font-manrope",
  display: "swap",
});

// IBM Plex Mono — cockpit numerals / mono labels.
const plexMono = IBM_Plex_Mono({
  subsets: ["latin", "cyrillic"],
  weight: ["300", "400", "500"],
  variable: "--font-plex-mono",
  display: "swap",
});

export const metadata: Metadata = {
  title: "МЕРА · Оценка v2",
};

export default function TradeInV2Layout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <div
      className={`${manrope.variable} ${plexMono.variable}`}
      style={{
        minHeight: "100vh",
        background: pageBg,
        display: "flex",
        justifyContent: "center",
        alignItems: "flex-start",
      }}
    >
      {children}
    </div>
  );
}
