import Header from "@/components/main/Header";
import TabNavigation from "@/components/TabNavigation";
import { Suspense } from "react";
import PageLoader from "@/components/ui/PageLoader";
import type { Metadata } from "next";

export const metadata: Metadata = {
  title: "انتشار پست | مدستاگرام",
  description: "انتشار پست، ویدئو یا استوری در مدستاگرام",
  robots: { index: false, follow: false },
};

export default function Layout({ children }: { children: React.ReactNode }) {
  return (
    <section className="pb-24">
      <Header />
      <Suspense fallback={<PageLoader className="min-h-[40vh]" />}>
        {children}
      </Suspense>
      <TabNavigation currentPage="/new-post" />
    </section>
  );
}
