# XWUIChatSystemMessage

A centred system-event row inserted into a chat transcript to mark non-message events such as "Alice joined", "Call ended", or "Encrypted". It renders the `text` data prop as a centred notice, with an optional leading `icon` (raw SVG/HTML string) shown before the text.

## Basic Usage

A minimal system notice announcing that one participant added another.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A single centred system message reading "Alice added Bob".
```

## User Joined (With Icon)

A join notice preceded by an inline SVG person-plus icon.

```example
file: examples/UserJoined.ts
title: User Joined (With Icon)
description: A centred "Sarah Chen joined the group" notice with a leading person-plus SVG icon.
```

## Call Ended (With Icon)

A call-summary row with a leading inline SVG phone icon and a duration.

```example
file: examples/CallEnded.ts
title: Call Ended (With Icon)
description: A centred "Voice call ended · 4:32" row with a leading phone SVG icon.
```

```api
```