lucid-ui
Version:
A UI component library from AppNexus.
40 lines • 1.2 kB
JavaScript
import React from 'react';
import createClass from 'create-react-class';
import { SearchableSingleSelect } from '../../../index';
var Option = SearchableSingleSelect.Option;
export default createClass({
getInitialState: function getInitialState() {
return {
selectedIndex: null
};
},
handleSelect: function handleSelect(optionIndex) {
this.setState({
selectedIndex: optionIndex
});
},
render: function render() {
return /*#__PURE__*/React.createElement(SearchableSingleSelect, {
onSelect: this.handleSelect,
Error: this.state.selectedIndex === 2 ? null : "Please Choose Green"
}, /*#__PURE__*/React.createElement(Option, {
Selected: /*#__PURE__*/React.createElement("div", {
style: {
color: 'red'
}
}, "RED")
}, "Red"), /*#__PURE__*/React.createElement(Option, {
Selected: /*#__PURE__*/React.createElement("div", {
style: {
color: 'blue'
}
}, "BLUE")
}, "Blue"), /*#__PURE__*/React.createElement(Option, {
Selected: /*#__PURE__*/React.createElement("div", {
style: {
color: 'green'
}
}, "GREEN")
}, "Green"));
}
});