# MetricCard

**Kind:** Component

**Source:** [`atloria-monorepo/apps/web/src/components/Analytics/charts/MetricCard.tsx`](https://github.com/sherkety/atloria/blob/main/atloria-monorepo/apps/web/src/components/Analytics/charts/MetricCard.tsx#L41)

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `label` | `string` | ✓ | - |
| `value` | `number | null | undefined` | ✓ | - |
| `previousValue` | `number | null` | - | - |
| `format` | `unknown | unknown | unknown` | - | "number" |
| `trend` | `number[]` | - | - |
| `icon` | `unknown` | - | - |
| `accent` | `string` | - | unknown |
| `onClick` | `Function` | - | - |
| `loading` | `boolean` | - | false |

## Diagram

```mermaid
graph TD
    component_MetricCard_622499c5["MetricCard"]
    class component_MetricCard_622499c5 rootComponent
```

## Relationships

- RENDERS → `ArrowUpIcon`
- RENDERS → `ArrowDownIcon`
- RENDERS → `MinusIcon`
- RENDERS → `ResponsiveContainer`
- RENDERS → `AreaChart`
- RENDERS → `Area`