"use client";
import type { ReactNode } from "react";
import { Toaster } from "@/components/ui/toaster";
import Navbar from "@/components/app/navbar";
import Footer from "@/components/app/footer";
import FloatingSocial from "@/components/app/bitrix";
import ContracturalLink from "@/components/app/contractural-link";

/** الإطار الثابت حول كل الصفحات — بنفس ترتيب App.tsx الأصلي */
export default function AppShell({ children }: { children: ReactNode }) {
    return (
        <>
            <Navbar />
            {/* عنصر <main> واحد فقط لكل صفحة (كانت الصفحات تحتوي عدة عناصر main متداخلة) */}
            <main id="main-content">{children}</main>
            {/* <Chatbot /> — معطّل في الأصل أيضاً */}
            <FloatingSocial />
            <ContracturalLink />
            <Footer />
            <Toaster />
        </>
    );
}