'use client';

import { Suspense } from 'react';
import { LoginForm } from './LoginForm';

export default function ClientLoginPage() {
  return (
    <Suspense fallback={
      <div style={{
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'center',
        minHeight: '100vh',
        fontSize: '16px',
        color: '#7f8c8d'
      }}>
        Loading portal...
      </div>
    }>
      <LoginForm />
    </Suspense>
  );
}