import type { Metadata } from "next";
import "./globals.css";
import { ConditionalLayout } from "@/components/layout/conditional-layout";
import { ContentProvider } from "@/components/layout/content-provider";
import { ThemeProvider } from "@/components/layout/theme-provider";
import { TopProgressBar } from "@/components/layout/top-progress-bar";
import { getContent } from "@/lib/content";

export const metadata: Metadata = {
  title: {
    default: "مستر دکور",
    template: "%s | مستر دکور",
  },
  description: "مستر دکور — راهکارهای نرم‌افزاری برای کسب‌وکار",
  icons: {
    icon: "/assets/mainLogo_montzar.png",
  },
};

export default async function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  const content = await getContent();
  return (
    <html lang="fa" dir="rtl" suppressHydrationWarning>
      <body className="antialiased">
        <ContentProvider initialContent={content}>
          <ThemeProvider>
            <TopProgressBar />
            <ConditionalLayout>{children}</ConditionalLayout>
          </ThemeProvider>
        </ContentProvider>
      </body>
    </html>
  );
}