import React from "react";
import { PremiumNavbar } from "./PremiumNavbar";
import { PremiumFooter } from "./PremiumFooter";
import { MotionProvider } from "./MotionProvider";

type PremiumPageShellProps = {
  children: React.ReactNode;
  className?: string;
};

export function PremiumPageShell({ children, className = "" }: PremiumPageShellProps) {
  return (
    <MotionProvider>
      <div className={`min-h-screen bg-white font-body text-[#16001D] antialiased flex flex-col ${className}`}>
        {/* Header/Navbar */}
        <PremiumNavbar />

        {/* Page Content */}
        <main className="w-full overflow-x-hidden bg-white">
          {children}
        </main>

        <PremiumFooter />
      </div>
    </MotionProvider>
  );
}
