"use client";

import { signIn } from "next-auth/react";
import { Button } from "@/components/ui/button";
import {
  Card,
  CardContent,
  CardDescription,
  CardHeader,
  CardTitle,
} from "@/components/ui/card";

export function LoginCard() {
  return (
    <Card className='w-[400px]'>
      <CardHeader>
        <CardTitle>Bienvenue sur Enkun</CardTitle>
        <CardDescription>
          Connectez-vous pour accéder à votre espace
        </CardDescription>
      </CardHeader>
      <CardContent>
        <Button
          className='w-full'
          onClick={() => signIn("keycloak", { callbackUrl: "/" })}
        >
          Se connecter avec Keycloak
        </Button>
      </CardContent>
    </Card>
  );
}
