lyef-switch-button
Version:
A switch button (on/off) React component.
1 lines • 1.36 kB
JavaScript
function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var _react=require("react"),_react2=_interopRequireDefault(_react),_Label=require("./Label"),_Label2=_interopRequireDefault(_Label),_Toggle=require("./Toggle"),_Toggle2=_interopRequireDefault(_Toggle),_propTypes=require("prop-types"),_propTypes2=_interopRequireDefault(_propTypes),propTypes={id:_propTypes2.default.string.isRequired,labelLeft:_propTypes2.default.oneOfType([_propTypes2.default.element,_propTypes2.default.string]),labelRight:_propTypes2.default.oneOfType([_propTypes2.default.element,_propTypes2.default.string]),isChecked:_propTypes2.default.bool,action:_propTypes2.default.func,disabled:_propTypes2.default.bool},defaultProps={isChecked:!1,disabled:!1},SwitchButton=function(e){var t=e.id,p=e.labelLeft,r=e.labelRight,a=e.isChecked,l=e.action,o=e.disabled;return _react2.default.createElement("div",{className:o?"switch-button disabled":"switch-button"},p&&("string"==typeof p?_react2.default.createElement(_Label2.default,{id:t,name:p}):p),_react2.default.createElement(_Toggle2.default,{id:t,isChecked:a,action:l,disabled:o}),r&&("string"==typeof r?_react2.default.createElement(_Label2.default,{id:t,name:r}):r))};SwitchButton.propTypes=propTypes,SwitchButton.defaultProps=defaultProps,exports.default=SwitchButton;