# `@orchard/suite-participant-components`

Shared react components for adding / choosing participants.

## Usage

```tsx
import React, { useState } from 'react';
import { ArtistDropdown } from '@orchard/suite-participant-components';

const MyUiComponent = () => {
    const [selectedArtist, setSelectedArtist] = useState();

    return (
        <ArtistDropdown
            className={'MyArtistDropdown'}
            label={'This is a test dropdown'}
            help={'Example for ArtistDropdown component'}
            multi={true}
            onChange={(value) => setSelectedArtist(value)}
            value={state.value}
            vendorId={100}
            subaccountId={100}
            projectId={'456'}
            productName={'Product Name'}
            upc={'UPC'}
            participationRole={'performer'}
            isParticipantProfilesViewEnabled={true}
            isParticipantProfilesAddEnabled={true}
            isParticipantProfilesNeo4jSearchEnabled={true}
            isParticipantProfilesNeo4jCreateEnabled={true}
            isCorrectionMode={true}
            metaLanguageCode={'ja'}
            isUpdateArtistMode={true}
            isAnalyticsMode={true}
        />
    );
};
```