Account Locked

Installation

A real shadcn registry command, not a copy-paste stand-in: it fetches this block plus its button dependencies and any missing npm packages, and installs them straight into your project.

Prefer not to use the CLI? Copy the source from the Code toggle above into src/components/blocks/auth/auth23.tsx instead.

Usage

The file also exports auth23Demo, the exact props behind the preview above. Spread it to get a working section in one line, then replace it with your own data.

import { Auth23, auth23Demo } from "@/components/blocks/auth/auth23";

export default function Page() {
  return <Auth23 {...auth23Demo} />;
}

Props

Behavior notes

• The countdown is a real setInterval started in useEffect on mount, ticking every second from initialSeconds down to 0; the interval is cleared on unmount.
• The retry button's disabled state is derived directly from the current countdown value (disabled while secondsLeft > 0), not from a separate flag.
• The initial countdown value comes straight from the initialSeconds prop via useState(initialSeconds); it is not re-synced from props after mount.
• 'Reset password instead' renders as a real Next.js Link via the Button's render prop, but does not perform any real password-reset flow.