"use client";

import React from "react";
import { usePathname } from "next/navigation";
import LayoutWrapper from "./LayoutWrapper";

interface SmartLayoutWrapperProps {
  children: React.ReactNode;
}

export default function SmartLayoutWrapper({ children }: SmartLayoutWrapperProps) {
  const pathname = usePathname();
  const [mounted, setMounted] = React.useState(false);
  
  React.useEffect(() => {
    setMounted(true);
  }, []);
  
  // During SSR/hydration, show nothing to prevent layout flicker
  if (!mounted) {
    return (
      <div className="min-h-screen bg-slate-50">
        {children}
      </div>
    );
  }
  
  // Admin routes should not use landing page layout (no Header/Footer)
  if (pathname?.startsWith("/admin")) {
    return children;
  }
  
  // Public routes use landing page layout with Header and Footer
  return <LayoutWrapper>{children}</LayoutWrapper>;
}