# Forgot Password Page Split

Split-screen password recovery page with form on the left and full-height image on the right. Features username form with success state after submission. Uses useAuth hook from auth-core for password recovery.

## Files

| Target | Type |
|--------|------|
| `$modules$/forgot-password-page-split/index.ts` | index |
| `$modules$/forgot-password-page-split/forgot-password-page-split.tsx` | page |
| `$modules$/forgot-password-page-split/lang/en.json` | lang |
| `$modules$/forgot-password-page-split/lang/tr.json` | lang |
| `$modules$/forgot-password-page-split/lang/pt.json` | lang |

## Exports

**Components/Functions:** `ForgotPasswordPageSplit`, `default`

```typescript
import { ForgotPasswordPageSplit, default } from '@/modules/forgot-password-page-split';
```

## Usage

```
import ForgotPasswordPageSplit from '@/modules/forgot-password-page-split';

<ForgotPasswordPageSplit
  image="/images/forgot-bg.jpg"
/>

• Installed at: src/modules/forgot-password-page-split/
• Customize text: src/modules/forgot-password-page-split/lang/*.json
• Uses useAuth() hook from auth-core:
  const { forgotPassword } = useAuth();
  await forgotPassword(username);
• Shows success state after email sent
• Add to your router as a page component
```

## Dependencies

This component requires:
- `auth-core`
- `api`
