Develop a react component for dropdown

We want to develop a React component for a dropdown without use of jQuery. Use of SCSS will be preferred. The dropdown has multiple choice / single choice elements with sections. These choices can be divided into different groups. We can give the exact design and component specifications. If this works out we have a lot of such work. Dropdown Props: - multi (true/false)[default: false]: dropdown single select or multi Select - label (string): label shown in dropdown - options (array): one format i can think of is [ { label: 'Avg. Session Score', value: 1 }, { label: 'Preparation before the call', value: 2, group: 'Sections' }, { label: 'Call scheduling / planning...', value: 3, group: 'Sections' }, { label: 'Mention here the Suggestions...', value: 4, group: 'Parameters' }, { label: 'Rate the rep on a scale of...', value: 5, group: 'Parameters' }, { label: 'Call scheduling / planning...', value: 6, group: 'Parameters' }, { label: 'Mention here the suggestions...', value: 7, group: 'Parameters' } ] - separateGroupOptions (true/false) [default: false]: show one group at a time only or all groups at once Look for attached screenshots for the design. You will be provided invision link at the time of development.