'use client'

import { usePathname } from 'next/navigation'
import FooterSection from '@/components/footer'
import { HeroHeader } from '@/components/header'
import type { ChangelogRelease } from '@/lib/changelog-types'

export function ConditionalLayout({
  children,
  changelogReleases,
}: {
  children: React.ReactNode
  changelogReleases: ChangelogRelease[]
}) {
  const pathname = usePathname()
  const isLoginPage = pathname === '/login'
  const showChrome = !isLoginPage

  return (
    <>
      {showChrome && <HeroHeader />}
      {children}
      {showChrome && <FooterSection releases={changelogReleases} />}
    </>
  )
}