# XWUIHrRecruitmentTemplatesPage

Recruitment library page that lists reusable candidate email templates and offer-letter templates as a card grid, fetched via `hrApi.listRecruitmentTemplates()`. Two pill tabs ("Email templates" / "Offer letter templates") filter the loaded `RecruitmentTemplate[]` by `type` (`email` vs `offer`), and the page renders English or Arabic labels based on the `locale` config. Use it inside an HR shell to give recruiters a browsable catalog of pre-written outreach and offer documents, with status pills and tags surfaced per template.

## Basic Usage

Mounts the page against `#app` with a sample title/description and loads templates from the sandbox HR API (`hrApiOptions: { env: 'sandbox' }`, `locale: 'en'`).

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Boots the recruitment templates page in English against the sandbox HR API so the email/offer tabs populate from sample data.
```

## Offer Letter Library

Presents the recruitment template catalog in Arabic (RTL) for a hiring team, with localized breadcrumbs and a draft-review footer.

```example
file: examples/OfferLetterLibrary.ts
html: examples/OfferLetterLibrary.html
title: Offer Letter Library
description: Mounts XWUIHrRecruitmentTemplatesPage in Arabic (locale 'ar') against the sandbox HR API so listRecruitmentTemplates() fills the email and offer-letter tabs RTL with a legal-review footer.
```

## Embedded Template Picker

Embeds the catalog as a compact, headerless picker so recruiters can choose a template inline.

```example
file: examples/EmbeddedTemplatePicker.ts
html: examples/EmbeddedTemplatePicker.html
title: Embedded Template Picker
description: Renders the email/offer template tabs with hideHeader and hideBreadcrumbs and a 640px maxWidth, producing a compact picker that drops into a recruiting workspace.
```

```api
```