# AppDividerBar

A house section divider. Wraps AntD `Divider` with the module's spacing contract (`mt-0 mb-2`) and
an optional title and trailing action group — so sections stacked down a page are separated the
same way everywhere. It uses the same divider convention as `AppActionBar`.

## Install

```
src/components/common/AppDividerBar.tsx
src/components/common/app-divider-bar.css
```

Requires `antd`.

## Usage

```tsx
import AppDividerBar from '@/components/common/AppDividerBar';
import { Button } from 'antd';

{/* plain section divider */}
<AppDividerBar title="Contact details" />

{/* divider with a trailing action on the same line */}
<AppDividerBar title="Line items">
  <Button size="small" type="link">Add row</Button>
</AppDividerBar>
```

- `title` — optional label on the rule.
- `orientation` — `'left' | 'center' | 'right'` (default `left`).
- `children` — optional trailing actions, aligned right on the divider line.

When no `children` are passed it renders a single `Divider` with the standard `mt-0 mb-2` spacing —
identical to the dividers `AppActionBar` uses.

Part of the **RVN Design Kit** — design-kit.raffles.com.vn