ElvixUsername

"use client";

import { ElvixUsername } from "@elvix.is/sdk/react";

export function UsernamePane() {
  return (
    <ElvixUsername
      onSuccess={(username) => {
        // Saved to the per-app membership. The SDK has already
        // transitioned to its in-frame done pane; the host decides
        // whether to advance onboarding now or wait for dismissal.
        console.log("claimed", username);
      }}
      onFail={(error) => {
        console.warn("username claim failed", error);
      }}
    />
  );
}