# Login Page Split

Split-screen login page with form on the left and full-height image on the right. Features username/password fields, sign up and forgot password links. Uses useAuth hook from auth-core for authentication.

## Files

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

## Exports

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

```typescript
import { LoginPageSplit, default } from '@/modules/login-page-split';
```

## Usage

```
import LoginPageSplit from '@/modules/login-page-split';

<LoginPageSplit
  image="/images/login-bg.jpg"
/>

• Installed at: src/modules/login-page-split/
• Customize text: src/modules/login-page-split/lang/*.json
• Uses useAuth() hook from auth-core:
  const { login } = useAuth();
  await login(username, password);
• Automatically sets token after login
• Redirects to previous page after login
• Add to your router as a page component
```

## Dependencies

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