import type { Metadata } from "next";
import "./globals.css";
import { HtmlLangDir } from "@/components/HtmlLangDir";
import { getLocale } from "next-intl/server";
import { cn } from "@/utlis";

export const metadata: Metadata = {
  title: "Ataya",
  description: "منصة عطايا - مزادات الخيل والإبل",
};

export default async function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  const lang = await getLocale();
  const isAr = lang === "ar";
  return (
    <html suppressHydrationWarning>
      <body
        lang={isAr ? "ar" : "en"}
        dir={isAr ? "rtl" : "ltr"}
        className={cn("antialiased bg-bgClr", isAr ? "dir-rtl" : "dir-ltr")}
      >
        <HtmlLangDir />
        {children}
      </body>
    </html>
  );
}
