# StepIndicator

**Kind:** Component

**Source:** [`atloria-monorepo/templates/site-bootstrap/src/components/shared/step-indicator.tsx`](https://github.com/sherkety/atloria/blob/main/atloria-monorepo/templates/site-bootstrap/src/components/shared/step-indicator.tsx#L20)

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `step` | `number` | ✓ | - |
| `icon` | `LucideIcon` | ✓ | - |
| `titleKey` | `string` | ✓ | - |
| `descriptionKey` | `string` | ✓ | - |

## Diagram

```mermaid
graph TD
    component_StepIndicator_36a41b62["StepIndicator"]
    class component_StepIndicator_36a41b62 rootComponent
```

## Relationships

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