"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.RequiredToggle = void 0;
var _react = _interopRequireDefault(require("react"));
var _designSystem = require("@wix/design-system");
var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CmsFieldManagement/formFields/RequiredToggle.tsx";
const RequiredToggle = ({
  label,
  checked,
  onChange
}) => /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
  verticalAlign: "middle",
  gap: "SP2",
  __self: void 0,
  __source: {
    fileName: _jsxFileName,
    lineNumber: 15,
    columnNumber: 3
  }
}, /*#__PURE__*/_react.default.createElement(_designSystem.ToggleSwitch, {
  checked: checked,
  onChange: () => onChange(!checked),
  __self: void 0,
  __source: {
    fileName: _jsxFileName,
    lineNumber: 16,
    columnNumber: 5
  }
}), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
  size: "small",
  __self: void 0,
  __source: {
    fileName: _jsxFileName,
    lineNumber: 17,
    columnNumber: 5
  }
}, label), /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, {
  content: "When enabled, this field must have a value before saving an item.",
  __self: void 0,
  __source: {
    fileName: _jsxFileName,
    lineNumber: 18,
    columnNumber: 5
  }
}));
exports.RequiredToggle = RequiredToggle;
//# sourceMappingURL=RequiredToggle.js.map