import { ViewTransition } from "react";

/**
 * O template remonta a cada navegação; o conteúdo leva o nome "page" e anima com page-out/page-in (globals.css).
 * update="none": a hidratação e a revelação de Suspense também são transições do React e animariam a página
 * inteira na chegada (a tela piscava duas vezes); só a troca de página anima.
 */
export default function Template({ children }: { children: React.ReactNode }) {
  return (
    <ViewTransition name="page" update="none">
      {children}
    </ViewTransition>
  );
}