import { Suspense, type ReactNode } from "react";
import FooterWithOrigin from "../../components/navigation/FooterWithOrigin";

/** Profile uses the public marketing footer; other `(app)` routes stay footer-free. */
export default function ProfileLayout({ children }: { children: ReactNode }) {
  return (
    <>
      {children}
      <Suspense
        fallback={
          <footer className="min-h-[200px] w-full bg-[var(--color-surface-default-primary)]" />
        }
      >
        <FooterWithOrigin />
      </Suspense>
    </>
  );
}