Usage

import { AuthForm } from "@/components/auth-form";
import { GoogleIcon, GithubIcon } from "@/components/icons";

<AuthForm
  mode="signin"
  onSubmit={async (email, pw) => {
    const { error } = await supabase.auth.signInWithPassword({ email, password: pw });
    return error ? { ok: false, error: error.message } : { ok: true };
  }}
  oauthProviders={[
    { id: "google", label: "Google", icon: <GoogleIcon />, onClick: signInWithGoogle },
    { id: "github", label: "GitHub", icon: <GithubIcon />, onClick: signInWithGithub },
  ]}
/>