@neo4j-ndl/react/skills/ndl-react/components/ai/tool-call.md

React implementation of Neo4j Design System

# ToolCall

Import: `import { ToolCall } from '@neo4j-ndl/react/ai'`

## Props

### ToolCall

| Prop | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| `children` | `ReactNode` |  |  | The content of the suggestion |
| `isDone` | `boolean` |  | `false` | Whether the AI is done with using the tool |
| `ref` | `Ref<HTMLSpanElement>` |  |  | A ref to apply to the root element. |

## Examples

### Default

```tsx
import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';

import { ToolCall } from '@neo4j-ndl/react/ai';

const Component = () => {
  return <ToolCall>list_import_jobs</ToolCall>;
};

export default Component;
```

### Done

```tsx
import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';

import { ToolCall } from '@neo4j-ndl/react/ai';

const Component = () => {
  return <ToolCall isDone>list_import_jobs</ToolCall>;
};

export default Component;
```