# HelpfulnessWidget

**Kind:** Component

**Source:** [`atloria-monorepo/apps/web/src/app/p/[slugId]/components/HelpfulnessWidget.tsx`](https://github.com/sherkety/atloria/blob/main/atloria-monorepo/apps/web/src/app/p/[slugId]/components/HelpfulnessWidget.tsx#L52)

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `projectId` | `string` | ✓ | - |
| `documentId` | `string` | - | - |
| `documentSlug` | `string` | ✓ | - |

## Diagram

```mermaid
graph TD
    component_HelpfulnessWidget_b37518a["HelpfulnessWidget"]
    class component_HelpfulnessWidget_b37518a rootComponent
```

## Relationships

- RENDERS → `HandThumbUpIcon`
- RENDERS → `HandThumbDownIcon`
- RENDERS → `CheckIcon`
- USES_HOOK → `useLanguageContext`
- USES_HOOK → `useState`
- USES_HOOK → `useEffect`
- USES_HOOK → `useCallback`