AutocompleteMobiledropdownlabel:

```jsx

 imgNoResultFound='../src/lib/style/img/group-4.svg'

class AutocompleteMobiledropdownlabelExample extends React.Component{
  constructor(props){
      super(props)
      this.state = {
        isSearchModalAutoOpen: false,
        isSearchModalAutoOpenlabel: false,
        item: [],
        setvalueinputboxlabel: '',
        setvalueinputbox: ''
     }
}
   componentDidMount(){
        this.getAutocompleteData();
    }

    getAutocompleteData  ()  {
        let url = 'https://restcountries.eu/rest/v2/region/asia';
        fetch(url)
            .then(response => { return response.json(); })
            .then(data => {
                let result =
                    data.map((lang, index) => {
                        return {
                            id: index,
                            label: lang.name.trim(),
                            value: lang.capital,
                            region: lang.region,
                            subregion: lang.subregion
                        };
                    });
                this.setState({ item: result });
            });
    }

    crossHandlerAutocompleteMobilelabel(value) {
        if (value === '') {
            this.setState({ isSearchModalAutoOpenlabel: false, setvalueinputboxlabel: '' });
        } else {
            this.setState({ isSearchModalAutoOpenlabel: false, setvalueinputboxlabel: value });
        }
    }

    crossHandlerAutocompleteMobile(value) {
        if (value === '') {
            this.setState({ isSearchModalAutoOpen: false, setvalueinputbox: '' });
        } else {
            this.setState({ isSearchModalAutoOpen: false, setvalueinputbox: value });
        }

    }

    closeModalAutocompleteMobilelabel() {
        this.setState({ isSearchModalAutoOpenlabel: false });
    }

    openModalAutocompleteMobile() {
        this.setState({ isSearchModalAutoOpen: true });
    }

    closeModalAutocompleteMobile() {
        this.setState({ isSearchModalAutoOpen: false });
    }

    openModalAutocompleteMobilelabel() {
        this.setState({ isSearchModalAutoOpenlabel: true });
    }

render(){
    return(
        <div>
                    <div>  
                        <h3>Mobile Autocomplete + (without Icon+Without arrow):</h3><br />
                        <span>CITY OF RESIDENCE</span>
                        <div>
                            <InputText type='text' id='txtSearch'
                                readOnly
                                parentClassName=''
                                value={this.state.setvalueinputbox}
                                onClick={this.openModalAutocompleteMobile.bind(this)}
                            />
                        </div>
                        <div>
                            <AutocompleteMobiledropdownlabel
                                isPopup={true}
                                suggestions={this.state.item}
                                onCrossIcon={this.crossHandlerAutocompleteMobile.bind(this)}
                                searchLabel='CITY OF RESIDENCE'
                                isSearchModalOpen={this.state.isSearchModalAutoOpen}
                                closeMobileModalSearch={this.state.closeModalAutocompleteMobile}
                                imgNoResultFound={imgNoResultFound}
                            />
                        </div>
                        </div>
            <br />

                    <div>
                        <h3>Mobile Autocomplete + (without Diff label):</h3><br />
                        <span>CITY OF RESIDENCE</span>
                        <div>
                            <InputText type='text' id='txtSearch'
                                readOnly
                                parentClassName=''
                                value={this.state.setvalueinputboxlabel}
                                onClick={this.openModalAutocompleteMobilelabel.bind(this)}
                            />
                        </div>
                        <div>
                            <AutocompleteMobiledropdownlabel
                                isPopup={false}
                                suggestions={this.state.item}
                                minLocationSerchLength={0}
                                onCrossIcon={this.crossHandlerAutocompleteMobilelabel.bind(this)}
                                isSearchModalOpen={this.state.isSearchModalAutoOpenlabel}
                                closeMobileModalSearch={this.state.closeModalAutocompleteMobilelabel}
                                imgNoResultFound={imgNoResultFound}
                            />
                        </div>
                        </div>
                         </div>
              
     )
}
                
}
;<AutocompleteMobiledropdownlabelExample/>                
```