ElvixSignInButton

"use client";

import { ElvixSignInButton } from "@elvix.is/sdk/react";
import { useRouter } from "next/navigation";

export function Nav() {
  const router = useRouter();
  return (
    <ElvixSignInButton
      variant="filled"
      shape="pill"
      size="md"
      label="Continue with elvix"
      onResult={(r) => {
        if (!r.ok) return console.warn(r.error, r.message);
        if (r.ok && r.token) {
          const secure = location.protocol === "https:" ? "; secure" : "";
          document.cookie = `elvix_token=${r.token}; path=/; samesite=lax${secure}`;
        }
        router.push(r.redirect ?? "/app");
      }}
    />
  );
}