lucid-ui
Version:
A UI component library from AppNexus.
43 lines • 1.48 kB
JavaScript
import _assign from "lodash/assign";
import React from 'react';
import createClass from 'create-react-class';
import { Switch } from '../../../index';
export default createClass({
getInitialState: function getInitialState() {
return {
disabled: {
isSelected: false
},
enabled: {
isSelected: false
}
};
},
handleDisabledSelected: function handleDisabledSelected(isSelected) {
this.setState(_assign({}, this.state, {
disabled: _assign({}, this.state.disabled, {
isSelected: isSelected
})
}));
},
handleEnabledSelected: function handleEnabledSelected(isSelected) {
this.setState(_assign({}, this.state, {
enabled: _assign({}, this.state.enabled, {
isSelected: isSelected
})
}));
},
render: function render() {
return /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("label", null, "Enabled"), /*#__PURE__*/React.createElement(Switch, {
isDisabled: false,
isSelected: this.state.enabled.isSelected,
onSelect: this.handleEnabledSelected,
tabIndex: 10
})), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("label", null, "Disabled"), /*#__PURE__*/React.createElement(Switch, {
isDisabled: true,
isSelected: this.state.disabled.isSelected,
onSelect: this.handleDisabledSelected,
tabIndex: 11
})));
}
});