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

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

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

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

      {/* Footer */}
      <PremiumFooter />
    </div>
  );
}
