# XWUIHrRecordTabs

An employee-record widget (extends `XWUIComponent`) that wraps an `XWUITabs` control with two tabs: "Leave" - which embeds an `XWUIHrLeaveBalanceCards` widget rendering the `data.balances[]` leave entitlements - and "History" (an empty placeholder pane). The Leave tab is active by default, and `conf_comp.locale` set to `ar` localizes both tab labels ("إجازة" / "السجل"). Use it as the tabbed body of an employee detail screen that groups leave balances alongside record history.

## Basic Usage

Renders the tab strip with the Leave tab active, feeding two leave-balance rows into the embedded leave-balance cards.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Mounts XWUIHrRecordTabs with a balances array of Annual (16 remaining) and Sick (29 remaining) leave so the default Leave tab shows the balance cards.
```

## Arabic Locale

Localizes the tab labels and embedded cards by setting `locale: 'ar'`.

```example
file: examples/ArabicLocale.ts
html: examples/ArabicLocale.html
title: Arabic Locale
description: Sets locale to ar so the Leave/History tab labels and balance cards render in Arabic, right-to-left.
```

## Multiple Balances

Feeds four leave types into the Leave tab to show a richer balance set.

```example
file: examples/MultipleBalances.ts
html: examples/MultipleBalances.html
title: Multiple Balances
description: Passes Annual, Sick, Hajj and Bereavement balances so the Leave tab renders four balance cards.
```

```api
```