@talend/react-components/lib/Toggle/Toggle.component.js

Set of react components.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _propTypes = _interopRequireDefault(require("prop-types"));
var _classnames = _interopRequireDefault(require("classnames"));
var _Checkbox = _interopRequireDefault(require("../Checkbox"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
/**
 * The Toggle component is basically a fancy checkbox.
 * Properties:
 * @param id {string}: the id to be used for htmlFor and maybe QA
 * @param label {string}: a status label to be shown near toggle
 * @param className {string}: className to be added to root div
 * @param props {object}: all props passed down to the input
 *
 * Required: [ id, onChange ]
 * Defaults: { checked: false, disabled: false, label: '', className: '' }
 *
 * @return XML(JSX) React pure component
 */function Toggle({
  className,
  ...props
}) {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
    className: (0, _classnames.default)('switch tc-toggle', {
      'tc-toggle-disabled': props.disabled
    }, className),
    ...props
  });
}
Toggle.displayName = 'Toggle';
Toggle.defaultProps = {
  disabled: false,
  checked: false,
  intermediate: false,
  label: '',
  className: ''
};
Toggle.propTypes = {
  id: _propTypes.default.string.isRequired,
  label: _propTypes.default.string,
  onChange: _propTypes.default.func.isRequired,
  onBlur: _propTypes.default.func,
  checked: _propTypes.default.bool,
  autoFocus: _propTypes.default.bool,
  disabled: _propTypes.default.bool,
  intermediate: _propTypes.default.bool,
  className: _propTypes.default.string,
  'data-feature': _propTypes.default.string
};
var _default = exports.default = Toggle;
//# sourceMappingURL=Toggle.component.js.map