# XWUIHrSetupIntegrationsPage

HR setup page for the integrations domain, built on `HrSetupPage` with `domain = 'integrations'` and a default title of "Setup - Integrations". On mount it calls `hrApi.listSetupSections('integrations')` and renders the returned `SetupSection[]` as an `xwui-hr-setup-list`, one item per section showing a bold `label` and a `description` line. Use it as the integrations tab of the HR setup/configuration area, where each section points an admin at a connectable system or integration setting.

## Basic Usage

Mounts the Integrations setup page against `#app` with a title/description, backed by a mock/sandbox `IHrApi` (`hrApiOptions: { env: 'sandbox' }`, `locale: 'en'`).

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Renders the integrations setup page in English, listing the integration setup sections returned for the 'integrations' domain.
```

## Arabic (RTL)

The page rendered in Arabic with a right-to-left layout - built-in labels, status pills, and loading text localize, and `titleAr` supplies the heading.

```example
file: examples/ArabicLocale.ts
html: examples/ArabicLocale.html
title: Arabic (RTL)
description: The integrations setup page in Arabic with a right-to-left layout and an Arabic heading via titleAr.
```

## Embedded Panel

A width-constrained, centred layout (`maxWidth: '720px'`, `centered: true`) with the breadcrumb row hidden - the shape used when the page is dropped into a narrow settings column.

```example
file: examples/EmbeddedPanel.ts
html: examples/EmbeddedPanel.html
title: Embedded Panel
description: The integrations setup sections in a 720px centred column with breadcrumbs hidden, for an embedded admin drawer.
```

```api
```