# XWUIHrFinalSettlementPage

End-of-service Final Settlement page for the HR suite. It extends `HrPageBase` (which wires an `IHrApi` instance plus the shared loading/empty/error UX on top of `XWUIShellPage`), defaults its title to "Final Settlement", and currently renders a `xwui-hr-page-note` placeholder into the inherited `contentElement` as a scaffold for the settlement breakdown. Construct it with the page `title`/`description` data props and a `hrApiOptions` config (e.g. `{ env: 'sandbox' }`) plus `locale`.

## Basic Usage

Mounts the Final Settlement page against the sandbox HR API and renders the shell chrome (header, breadcrumbs) with the Final Settlement note section.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Constructs XWUIHrFinalSettlementPage with a title and description, backed by createHrApi in sandbox mode.
```

## Arabic locale (RTL)

Passes `{ locale: 'ar' }` with a `titleAr` so the page resolves the Arabic title (`التسوية النهائية`) and renders right-to-left.

```example
file: examples/ArabicLocale.ts
html: examples/ArabicLocale.html
title: Arabic locale (RTL)
description: Arabic title via titleAr plus locale 'ar' for a right-to-left page.
```

## Constrained, centered layout

Caps the content column at 1200px, centers it, and adds roomier padding via the shell-page config.

```example
file: examples/ConstrainedLayout.ts
html: examples/ConstrainedLayout.html
title: Constrained, centered layout
description: `{ maxWidth: '1200px', centered: true, padding: '2rem' }` constrains and centers the page column.
```

```api
```