export default function ProfileAdmin() {
  return (
    <div>
      <h1 className="text-xl font-bold text-white">Profile</h1>
      <p className="text-sm text-white/50">Name, email, profile image, password change, 2FA, active sessions.</p>
      <div className="mt-6 grid sm:grid-cols-2 gap-4">
        <div className="rounded-2xl border border-white/10 bg-white/[0.04] p-6 space-y-3">
          <input defaultValue="Ravneet Brar" className="w-full rounded-xl bg-black/40 border border-white/10 px-3 py-2 text-sm text-white outline-none" />
          <input defaultValue="admin@ravneetbrar.in" className="w-full rounded-xl bg-black/40 border border-white/10 px-3 py-2 text-sm text-white outline-none" />
          <button className="px-4 py-2 rounded-full bg-white text-black font-semibold text-sm">Save</button>
        </div>
        <div className="rounded-2xl border border-white/10 bg-white/[0.04] p-6">
          <p className="font-semibold text-white">Two-Factor Authentication</p><p className="text-sm text-white/50 mt-1">TOTP via Google Authenticator — Enable / Disable / Regenerate recovery codes (shown once).</p>
          <button className="mt-3 px-4 py-2 rounded-full border border-white/15 text-white font-semibold text-sm">Enable 2FA</button>
          <p className="text-xs text-white/20 mt-3">Active sessions: Current • Device/Browser • Last active • Logout / Logout all others</p>
        </div>
      </div>
    </div>
  );
}