**Card** — the panel surface behind dashboard widgets, forms and detail panes. Header row is optional; set `padded={false}` when the body is a flush table or list.

```jsx
<Card title="Recent activity" actions={<Button size="sm" variant="ghost">View all</Button>}>
  …
</Card>
<Card padded={false}><ChannelTable/></Card>
```

Props: `title`, `subtitle`, `actions`, `padded`, `inset`.