"use client"

import { ContentTransition } from "@/components/layout/content-transition"
import { usePathname } from "next/navigation"

export default function Template({ children }: { children: React.ReactNode }) {
  const pathname = usePathname()
  
  // Only apply transitions on main app pages
  const isAppPage = pathname?.startsWith("/feed") || 
                    pathname?.startsWith("/leaders") || 
                    pathname?.startsWith("/messages") || 
                    pathname?.startsWith("/friendlies") || 
                    pathname?.startsWith("/alerts") || 
                    pathname?.startsWith("/profile") ||
                    pathname?.startsWith("/search")

  if (!isAppPage) {
    return <>{children}</>
  }

  return (
    <ContentTransition>
      {children}
    </ContentTransition>
  )
}