DropdownDesktop Example:

```jsx
const option = [
    { value: 'Option1', label: 'Option1' },
    { value: 'Option2', label: 'Option2' },
    { value: 'Option3', label: 'Option3' },
    { value: 'Option4', label: 'Option4' },
    { value: 'Option5', label: 'Option5' },
];

const cities = [
    { value: 'Mumbai', label: 'Mumbai' },
    { value: 'Pune', label: 'Pune' },
    { value: 'Chennai', label: 'Chennai' },
    { value: 'Assam', label: 'Assam' },
    { value: 'Kerala', label: 'Kerala' },
    { value: 'Karnataka', label: 'Karnataka ' },
    { value: 'Kerala', label: 'Kerala' },
    { value: 'Karnataka', label: 'Karnataka ' },
    { value: 'Kerala', label: 'Kerala' },
    { value: 'Karnataka', label: 'Karnataka ' },

];


class DesktopDropdownExample extends React.Component {

  constructor() {
    super()
    this.state = {
        selectOption: '',
        divideOption: '',
        normalOption: '',
        typedValue: '',
        selectIconOption: '',
        singleAutoSelectIconOption:'',
        countries: []

    }

    this.onSelectOptionChange = this.onSelectOptionChange.bind(this)
    this.onSelectIconOptionChange = this.onSelectIconOptionChange.bind(this)
    this.onDivideOptionChange = this.onDivideOptionChange.bind(this)
    this.onSingleAutoSelectIconOptionChange = this.onSingleAutoSelectIconOptionChange.bind(this)
    this.onNormalOptionChange = this.onNormalOptionChange.bind(this)
    this.getCountries();
  }
  getCountries () {
        fetch('https://restcountries.eu/rest/v2/lang/es')
            .then(response => { return response.json(); })
            .then(data => {
                let result = data.map((lang) => {
                    return {
                        label: <div><span><img src={lang.flag} alt={lang.name} />{lang.name}</span></div>,
                        value: lang.name,
                    };
                });
                this.setState({ countries: result });
            });
    }

  onSelectOptionChange(data) {
        this.setState({ selectOption:data });
  }

  onSelectIconOptionChange(data) {
        this.setState({ selectIconOption:data });
  }

  onDivideOptionChange(data) {
        this.setState({ divideOption:data });
  }

  onSingleAutoSelectIconOptionChange(data) {
        this.setState({ singleAutoSelectIconOption:data });
  }

  onNormalOptionChange(data) {
        this.setState({ normalOption:data });
  }

 onTypedValueChange(data) {
        this.setState({ typedValue:data });
  }


 render() {
    return (
      <div>
                    <h5>Single Select Dropdown Disabled</h5><br />
                    <DropdownDesktop
                        id='ddlDisabled'
                        selectedDropdown='normalDropdown'
                        searchable={false}
                        options={option}
                        placeholder='Select Option' /><br />

                    <h5>Single Select Dropdown</h5><br />
                    <DropdownDesktop
                        id='ddlNormal'
                        selectedDropdown='normalDropdown'
                        value={this.state.selectOption}
                        onChange={this.onSelectOptionChange.bind(this)}
                        options={option}
                        searchable={false}
                        disabled={false}
                        clearable={false}
                        placeholder='Select Option' /><br />

                    <h5>Single Select Dropdown with icon</h5><br />
                    <DropdownDesktop
                        id='ddlIcon'
                        selectedDropdown='iconDropdown'
                        value={this.state.selectIconOption}
                        onChange={this.onSelectIconOptionChange.bind(this)}
                        options={this.state.countries}
                        searchable={false}
                        disabled={false}
                        clearable={false}
                        placeholder='Select Option' /><br />

                    <h5>Single Select Dropdown with divider</h5><br />
                    <DropdownDesktop
                        id='ddlDivider'
                        selectedDropdown='dividerDropdown'
                        value={this.state.divideOption}
                        onChange={this.onDivideOptionChange.bind(this)}
                        options={option}
                        searchable={false}
                        disabled={false}
                        clearable={false}
                        placeholder='Select Option' /><br />

                    <h5>Single Select Autosuggest Dropdown with icon</h5><br />
                    <DropdownDesktop
                        id='ddlSingleAutosuggestIcon'
                        selectedDropdown='autosuggestDropdown'
                        value={this.state.singleAutoSelectIconOption}
                        onChange={this.onSingleAutoSelectIconOptionChange.bind(this)}
                        options={this.state.countries}
                        disabled={false}
                        clearable={false}
                        matchPos='start'
                        placeholder='Select Option' /><br />

                    <h5>Dropdown + Autosuggest</h5><br />
                    <DropdownDesktop
                        id='ddlAutosuggest'
                        selectedDropdown='autosuggestDropdown'
                        value={this.state.normalOption}
                        onChange={this.onNormalOptionChange.bind(this)}
                        inputValue={this.state.typedValue}
                        onInputChange={this.onTypedValueChange.bind(this)}
                        options={cities}
                        matchPos='start'
                        disabled={false}
                        clearable={false}
                        isSingleAutosuggestDropdownWithIcon={false}
                        isSingleAutosuggestDropdownWithArrow={false}
                        placeholder='Select Option' /><br />
                          <h5>Dropdown + Autosuggest(with Arrow)</h5><br />
                    <DropdownDesktop
                        id='ddlAutosuggest'
                        selectedDropdown='autosuggestDropdown'
                        value={this.state.normalOption}
                        onChange={this.onNormalOptionChange.bind(this)}
                        inputValue={this.state.typedValue}
                        onInputChange={this.onTypedValueChange.bind(this)}
                        options={cities}
                        matchPos='start'
                        disabled={false}
                        clearable={false}
                        isSingleAutosuggestDropdownWithArrow={true}
                        placeholder='Select Option' /><br />

                </div>

    )
  }
}
;<DesktopDropdownExample />
```