<ModalDropdown
options={this.props.options}
renderRow={(rowData: any) => this.renderDropDownListForDarkTheme(rowData)}
isFullWidth
defaultValue={this.props.defaultValue}
renderButtonText={(rowData: any) => this.renderButtonText(rowData)}
defaultTextStyle={styles.defaultTextStyleForDarkTheme}
renderRightComponent={this.renderRightComponent}
onDropdownWillShow={() => this.setState({ isOpendropdown: true })}
onDropdownWillHide={() => this.setState({ isOpendropdown: false })}
onSelect={(id: any, rowData: any) => this.props.onSelect(rowData)}
dropdownTextStyle={styles.isFromUpskillingtextStyelforDarktheme}
textStyle={[styles.isFromUpskillingtextStyelforDarktheme]}
dropdownStyle={{backgroundColor: '#505050',
height:this.props.options.length*45, maxHeight:140}}
/>