"use client";

import { PasskeysManager } from "@/components/passkeys/passkeys-manager";

export function AccountPasskeysSection() {
  return (
    <div className="space-y-3">
      <p className="text-muted-foreground text-sm">
        Use a passkey as an alternate sign-in for this admin account. Password login stays available.
      </p>
      <PasskeysManager
        listUrl="/dashboard/account/passkeys/list"
        registerOptionsUrl="/dashboard/account/passkeys/register-options"
        registerVerifyUrl="/dashboard/account/passkeys/register-verify"
        revokeUrl="/dashboard/account/passkeys/revoke"
        csrf="dashboard"
      />
    </div>
  );
}