# ProblemSplitVisual

**Kind:** Component

**Source:** [`atloria-monorepo/libs/site-gen-core/src/component-library/sections/problem/problem-split-visual.tsx`](https://github.com/sherkety/atloria/blob/main/atloria-monorepo/libs/site-gen-core/src/component-library/sections/problem/problem-split-visual.tsx#L28)

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `headlineKey` | `string` | ✓ | - |
| `descriptionKey` | `string` | - | - |
| `problems` | `Problem[]` | ✓ | - |
| `imageSrc` | `string` | ✓ | - |
| `imageAlt` | `string` | ✓ | - |
| `imagePosition` | `unknown | unknown` | - | "start" |

## Diagram

```mermaid
graph TD
    component_ProblemSplitVisual_1b95cbc["ProblemSplitVisual"]
    class component_ProblemSplitVisual_1b95cbc rootComponent
```

## Relationships

- RENDERS → `motion-div`
- RENDERS → `motion-h2`
- RENDERS → `motion-p`
- RENDERS → `Icon`
- USES_HOOK → `useTranslation`