@ozen-ui/kit/__inner__/cjs/components/Toggle/Toggle.js

React component library

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Toggle = exports.cnToggle = void 0;
var tslib_1 = require("tslib");
require("./Toggle.css");
var react_1 = tslib_1.__importStar(require("react"));
var useDeprecated_1 = require("../../hooks/useDeprecated");
var useThemeProps_1 = require("../../hooks/useThemeProps");
var classname_1 = require("../../utils/classname");
var FormControlLabel_1 = require("../FormControlLabel");
exports.cnToggle = (0, classname_1.cn)('Toggle');
/**
 * @deprecated Компонент устарел. Для замены используйте компонент ToggleNext
 */
exports.Toggle = (0, react_1.forwardRef)(function (inProps, ref) {
    (0, useDeprecated_1.useDeprecatedComponent)('Toggle');
    var props = (0, useThemeProps_1.useThemeProps)({
        props: inProps,
        name: 'Toggle',
    });
    var _a = props.align, align = _a === void 0 ? 'center' : _a, _b = props.labelPlacement, labelPlacement = _b === void 0 ? 'right' : _b, _c = props.size, size = _c === void 0 ? 'm' : _c, className = props.className, label = props.label, labelProps = props.labelProps, disabled = props.disabled, checked = props.checked, inputRef = props.inputRef, other = tslib_1.__rest(props, ["align", "labelPlacement", "size", "className", "label", "labelProps", "disabled", "checked", "inputRef"]);
    return (react_1.default.createElement(FormControlLabel_1.FormControlLabel, tslib_1.__assign({ label: label, size: size, labelPlacement: labelPlacement, disabled: disabled, align: align, className: className, ref: ref }, labelProps),
        react_1.default.createElement("span", { className: (0, exports.cnToggle)({ size: size, disabled: disabled, checked: checked }) },
            react_1.default.createElement("input", tslib_1.__assign({ type: "checkbox", className: (0, exports.cnToggle)('Input'), disabled: disabled, checked: checked }, other, { ref: inputRef })),
            react_1.default.createElement("span", { className: (0, exports.cnToggle)('Switch') }))));
});
exports.Toggle.displayName = 'Toggle';