lucid-ui/dist/esm/components/SearchableSingleSelect/examples/06.invalid-option.js

A UI component library from AppNexus.

import React from 'react';
import createClass from 'create-react-class';
import { SearchableSingleSelect } from '../../../index';
const { Option } = SearchableSingleSelect;
export default createClass({
    getInitialState() {
        return {
            selectedIndex: null,
        };
    },
    handleSelect(optionIndex) {
        this.setState({
            selectedIndex: optionIndex,
        });
    },
    render() {
        return (React.createElement(SearchableSingleSelect, { onSelect: this.handleSelect, Error: this.state.selectedIndex === 2 ? null : 'Please Choose Green' },
            React.createElement(Option, { Selected: React.createElement("div", { style: { color: 'red' } }, "RED") }, "Red"),
            React.createElement(Option, { Selected: React.createElement("div", { style: { color: 'blue' } }, "BLUE") }, "Blue"),
            React.createElement(Option, { Selected: React.createElement("div", { style: { color: 'green' } }, "GREEN") }, "Green")));
    },
});
//# sourceMappingURL=06.invalid-option.js.map