# ImageUploadField

**Kind:** Component

**Source:** [`atloria-monorepo/apps/web/src/app/app/settings/branding/page.tsx`](https://github.com/sherkety/atloria/blob/main/atloria-monorepo/apps/web/src/app/app/settings/branding/page.tsx#L1476)

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `url` | `string` | ✓ | - |
| `placeholder` | `string` | ✓ | - |
| `uploading` | `boolean` | ✓ | - |
| `inputRef` | `unknown` | ✓ | - |
| `onUpload` | `Function` | ✓ | - |
| `onClear` | `Function` | ✓ | - |
| `small` | `boolean` | - | - |

## Diagram

```mermaid
graph TD
    component_ImageUploadField_78cc0a3e["ImageUploadField"]
    class component_ImageUploadField_78cc0a3e rootComponent
```

## Relationships

- RENDERS → `PhotoIcon`
- RENDERS → `ArrowUpTrayIcon`
- RENDERS → `XMarkIcon`
- USES_HOOK → `useState`