# ContactForm

**Kind:** Component

**Source:** [`atloria-monorepo/templates/site-bootstrap/src/components/layout/contact-form.tsx`](https://github.com/sherkety/atloria/blob/main/atloria-monorepo/templates/site-bootstrap/src/components/layout/contact-form.tsx#L38)

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `fields` | `FormField[]` | ✓ | - |
| `submitLabelKey` | `string` | ✓ | - |
| `successMessageKey` | `string` | ✓ | - |
| `errorMessageKey` | `string` | ✓ | - |
| `siteId` | `string` | ✓ | - |
| `apiUrl` | `string` | - | "https://api.atloria.app/v1/forms" |
| `headlineKey` | `string` | - | - |
| `descriptionKey` | `string` | - | - |

## Diagram

```mermaid
graph TD
    component_ContactForm_36c615a1["ContactForm"]
    class component_ContactForm_36c615a1 rootComponent
```

## Relationships

- RENDERS → `motion-div`
- RENDERS → `CheckCircle`
- RENDERS → `AlertCircle`
- RENDERS → `Send`
- USES_HOOK → `useTranslation`
- USES_HOOK → `useState`