"use client";

import { signIn } from "next-auth/react";
import React from "react";

export default function NextAuthComponent() {
  return (
    <div style={{ display: "flex", flexDirection: "column", gap: "16px", alignItems: "center" }}>
      <button 
        onClick={() => signIn("google")} 
        style={{ padding: "12px 24px", background: "var(--accent)", color: "#fff", borderRadius: "8px", fontWeight: "bold", border: "none", cursor: "pointer" }}
      >
        Sign in with Google
      </button>
    </div>
  );
}
