# EmptyState

**When to use:** Placeholder shown when a list, table, or search result has no items — empty inboxes, no search matches, freshly-created sections.

**Keywords:** no results, blank state

**Import:** `import { EmptyState } from '@ahrowe/ui'`

**Requires:** `@fortawesome/free-solid-svg-icons` peer dependency if using an icon.

```tsx
import { EmptyState } from '@ahrowe/ui';
import { faInbox } from '@fortawesome/free-solid-svg-icons';

// Default message
<EmptyState />

// With icon and custom message
<EmptyState icon={faInbox}>
  No messages yet — they'll show up here.
</EmptyState>
```

**Key props:**

| Prop | Type | Description |
|------|------|-------------|
| `icon` | `IconDefinition \| ReactElement` | Icon shown above the message — FontAwesome icon or any React element |
| `children` | `ReactNode` | Message body (defaults to `"No entries available"`) |
| `className` | `string` | Root element class |

**Labels:** `empty` — the text this component renders of its own. Pass `labels` to override it, on the component or app-wide through `ConfigProvider`; keys merge individually. Type: `EmptyStateLabels`.

**Slots:** `root` `icon` `text`