'use client';

import { signIn } from 'next-auth/react';

export default function LoginPage() {
  return (
    <div className="flex min-h-screen items-center justify-center">
      <div className="w-full max-w-sm rounded-xl border bg-white p-8 shadow-sm">
        <h1 className="text-2xl font-bold text-center mb-2">MeshiTrack</h1>
        <p className="text-gray-500 text-center text-sm mb-6">Sign in to manage your kitchen</p>
        <button
          onClick={() => signIn('keycloak', { callbackUrl: '/dashboard' })}
          className="block w-full rounded-lg bg-primary-600 py-3 text-center text-white font-medium hover:bg-primary-700 transition-colors"
        >
          Sign in with Keycloak
        </button>
      </div>
    </div>
  );
}
