# CodeViewer

**Kind:** Component

**Source:** [`atloria-monorepo/apps/web/src/components/Parser/CodeViewer.tsx`](https://github.com/sherkety/atloria/blob/main/atloria-monorepo/apps/web/src/components/Parser/CodeViewer.tsx#L19)

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `code` | `string` | ✓ | - |
| `language` | `string` | ✓ | - |
| `symbols` | `Symbol[]` | - | [] |
| `highlightedSymbol` | `Symbol` | - | - |
| `onSymbolClick` | `Function` | - | - |
| `className` | `string` | - | "" |

## Diagram

```mermaid
graph TD
    component_CodeViewer_4d8bf3c2["CodeViewer"]
    class component_CodeViewer_4d8bf3c2 rootComponent
```

## Relationships

- RENDERS → `CheckIcon`
- RENDERS → `CopyIcon`
- USES_HOOK → `useState`
- USES_HOOK → `useCallback`