# ProviderConfig

**Kind:** Component

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

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `providers` | `AIProvider[]` | ✓ | - |
| `defaultProvider` | `AIProviderName` | ✓ | - |
| `onProviderChange` | `Function` | ✓ | - |
| `onTestConnection` | `Function` | ✓ | - |

## Diagram

```mermaid
graph TD
    component_ProviderConfig_5a261ae1["ProviderConfig"]
    class component_ProviderConfig_5a261ae1 rootComponent
```

## Relationships

- RENDERS → `StatusBadge`
- RENDERS → `TestResultBadge`
- USES_HOOK → `useState`