ElvixLeave

"use client";

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

export default function LeavePane({
  appId,
  appName,
  deletedAt,
  deletedBy,
}: {
  appId: string;
  appName: string;
  deletedAt: string | null;
  deletedBy: string | null;
}) {
  const router = useRouter();
  return (
    <ElvixLeave
      appId={appId}
      appName={appName}
      deletedAt={deletedAt}
      deletedBy={deletedBy}
      privacyPolicyUrl="https://yourapp.com/privacy"
      termsOfServiceUrl="https://yourapp.com/terms"
      onSuccess={(state) => {
        // state is "left" (Active -> Leave wizard) or "restored" (in-grace -> Restore wizard).
        // SDK skips its own done pane if you navigate here.
        router.push(state === "left" ? "/account" : "/app");
      }}
      onFail={(error) => console.warn("[ElvixLeave]", error)}
    />
  );
}