react-bootstrap-v5
Version:
Bootstrap 4 components built with React
61 lines (50 loc) • 2.05 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
var _classnames = _interopRequireDefault(require("classnames"));
var _react = _interopRequireDefault(require("react"));
var _ThemeProvider = require("./ThemeProvider");
var _Button = _interopRequireDefault(require("./Button"));
var noop = function noop() {
return undefined;
};
var ToggleButton = _react.default.forwardRef(function (_ref, ref) {
var bsPrefix = _ref.bsPrefix,
children = _ref.children,
name = _ref.name,
className = _ref.className,
checked = _ref.checked,
type = _ref.type,
onChange = _ref.onChange,
value = _ref.value,
disabled = _ref.disabled,
id = _ref.id,
inputRef = _ref.inputRef,
props = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["bsPrefix", "children", "name", "className", "checked", "type", "onChange", "value", "disabled", "id", "inputRef"]);
bsPrefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'btn-check');
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("input", {
className: bsPrefix,
name: name,
type: type,
value: value,
ref: inputRef,
autoComplete: "off",
checked: !!checked,
disabled: !!disabled,
onChange: onChange || noop,
id: id
}), /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({}, props, {
ref: ref,
className: (0, _classnames.default)(className, disabled && 'disabled'),
type: undefined,
as: "label",
htmlFor: id
}), children));
});
ToggleButton.displayName = 'ToggleButton';
var _default = ToggleButton;
exports.default = _default;
module.exports = exports["default"];