import { Logo } from '@/components'
import { LoginForm } from '@/features/auth'

export function LoginPage() {
  return (
    <main className="flex min-h-svh w-full items-center justify-center px-6">
      <div className="flex w-full max-w-100 flex-col items-center gap-10">
        <header className="flex flex-col items-center justify-center gap-4">
          <Logo size="md" />
          <h1 className="text-2xl font-bold leading-[30px] tracking-[-0.48px]">
            로그인
          </h1>
        </header>

        <LoginForm />
      </div>
    </main>
  )
}

export default LoginPage