# CodeGroupBlock

**Kind:** Component

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

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `children` | `any` | ✓ | - |
| `lang` | `any` | ✓ | - |
| `...props` | `object` | - | - |

## Diagram

```mermaid
graph TD
    component_CodeGroupBlock_4225f84b["CodeGroupBlock"]
    class component_CodeGroupBlock_4225f84b rootComponent
```

## Relationships

- RENDERS → `TabBar`
- USES_HOOK → `useState`
- USES_HOOK → `useId`