import { Meta, ArgTypes } from '@storybook/blocks';
import { MicrophoneActivity } from './';

<Meta title="SDK Components/MicrophoneActivity" />

# MicrophoneActivity

The `MicrophoneActivity` component renders a `Microphone` icon that displays the audio activity for a given attendee.
It will update to match the attendee's mute and signal strength status.

## Importing

```javascript
import { MicrophoneActivity } from 'amazon-chime-sdk-component-library-react';
```

## Usage

```jsx
import React from 'react';
import {
  MeetingProvider,
  MicrophoneActivity
} from 'amazon-chime-sdk-component-library-react';

const App = () => {
  return (
    <MeetingProvider>
      <MicrophoneActivity attendeeId="some-chime-attendee-id" />
    </MeetingProvider>
  );
};
```

## Props

<ArgTypes of={MicrophoneActivity} />