# Speaking while muted notification

The `SpeakingWhileMuted` component is based on `Notification` component that is a simple popover. The SDK attaches the component to [`ToggleAudioPublishingButton`](https://getstream.io/video/docs/react/v2/ui-components/call/call-controls/). The popover rendering is controlled by sound detection mechanism put in place by `createSoundDetector()` function.

![Default UI of SpeakingWhileMutedNotification component](https://getstream.io/docs-assets/images/0879f6ccacdc.png)

## General usage

The component is used by wrapping the component to which it will refer:

```tsx
<SpeakingWhileMutedNotification>
  <ToggleAudioPublishingButton />
</SpeakingWhileMutedNotification>
```

## Props

### `text`

| Type                    | Default                             |
| ----------------------- | ----------------------------------- |
| `string` \| `undefined` | `'You are muted. Unmute to speak.'` |

Text message displayed by the notification.

### `placement`

| Type                       | Default       |
| -------------------------- | ------------- |
| `Placement` \| `undefined` | `'top-start'` |

Controls where the notification is positioned relative to its anchor (a `@floating-ui/react` `Placement`).

## Customization

To learn more about creating sound detection functionality, see our [speaking-while-muted tutorial](https://getstream.io/video/docs/react/v2/ui-cookbook/speaking-while-muted/).

---

For the most recent version of this documentation, visit [https://getstream.io/video/docs/react/v2/ui-components/utility/speaking-while-muted-notification/](https://getstream.io/video/docs/react/v2/ui-components/utility/speaking-while-muted-notification/).