### `trailing`

Slot for placing control elements or indicators at the end of the cell (icons, switches, buttons).

**Parameters:**
- `props: CellClassesSub` — object with CSS classes for cell sub-elements

### `body`

Slot for placing additional content at the bottom of the cell (metadata, secondary actions, details).

**Parameters:**
- `props: CellClassesSub` — object with CSS classes for cell sub-elements

## CellClassesSub

`CellClassesSub` — object passed to all Cell component slots, containing CSS classes for styling sub-elements.

### Type Structure

```typescript
type CellClassesSub = {
  /** CSS class for label element */
  label: string

  /** CSS class for description element */
  description: string

  /** CSS class for caption element */
  caption: string

  /** CSS class for trailing area element */
  trailing: string
}
```

### Properties

- **`label`** — CSS class for the label element (`{className}__label`)
- **`description`** — CSS class for the description element (`{className}__description`)
- **`caption`** — CSS class for the caption element (`{className}__caption`)
- **`trailing`** — CSS class for the trailing area element (`{className}__trailing`)

### Usage Example

```html
<script setup>
import { ref } from 'vue'

const selected = ref(false)
const notifications = ref(5)
</script>

<template>
  <Cell
    label="Notifications"
    description="You have unread messages"
    icon="notifications"
    :selected="selected"
    @click="selected = !selected"
  >
    <template #trailing="{ trailing }">
      <div :class="trailing">
        <Icon name="chevron_right" />
      </div>
    </template>

    <template #body>
      <div class="quick-actions">
        <button @click.stop="markAllRead">Mark all as read</button>
        <button @click.stop="clearAll">Clear all</button>
      </div>
    </template>
  </Cell>
</template>
```

In this example:
- Each slot receives `CellClassesSub` with CSS classes for proper styling
- `trailing` slot places interactive elements on the right side
- `body` slot adds additional actions below the main content
- All elements are properly integrated into the Cell structure
