# MarkdownRenderer

**Kind:** Component

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

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `content` | `string` | ✓ | - |
| `capturedScreenshots` | `Record` | - | - |
| `screenshotPlaceholders` | `Record` | - | - |
| `projectSlugId` | `string` | - | - |
| `audienceSlug` | `string` | - | - |
| `documentSlugs` | `string[]` | - | - |
| `categorySlugs` | `Record` | - | - |
| `documentTitle` | `string` | - | - |
| `lang` | `string` | - | - |
| `imageVariants` | `Record` | - | - |

## Diagram

```mermaid
graph TD
    component_MarkdownRenderer_14b499eb["MarkdownRenderer"]
    class component_MarkdownRenderer_14b499eb rootComponent
```

## Relationships

- RENDERS → `ReactMarkdown`
- RENDERS → `CustomDiv`
- RENDERS → `CustomImage`