@wix/design-system/dist/cjs/SidebarNext/components/ToggleButton.js

@wix/design-system

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.ToggleButton = void 0;
var _react = _interopRequireDefault(require("react"));
var _Tooltip = require("../../Tooltip");
var _IconButton = require("../../IconButton");
var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
var _WixDesignSystemIconThemeProvider = require("../../WixDesignSystemIconThemeProvider");
var _constants = require("../constants");
var _ToggleButtonSt = require("./ToggleButton.st.css.js");
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/SidebarNext/components/ToggleButton.tsx";
var ToggleButton = _ref => {
  var minimized = _ref.minimized,
    minimizeToggleTooltip = _ref.minimizeToggleTooltip,
    onMinimizeToggleClick = _ref.onMinimizeToggleClick,
    skin = _ref.skin;
  var icons = (0, _WixDesignSystemIconThemeProvider.useIcons)('SidebarNext', {
    ChevronLeftSmall: _wixUiIconsCommon.ChevronLeftSmall,
    ChevronRightSmall: _wixUiIconsCommon.ChevronRightSmall
  });
  return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
    className: (0, _ToggleButtonSt.st)(_ToggleButtonSt.classes.root, {
      skin
    }),
    size: "small",
    placement: "right-start",
    moveBy: {
      x: 12,
      y: -3
    },
    disabled: !minimizeToggleTooltip,
    content: minimizeToggleTooltip,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 29,
      columnNumber: 5
    }
  }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
    size: "tiny",
    onClick: onMinimizeToggleClick,
    dataHook: _constants.dataHooks.minimizeButton,
    className: (0, _ToggleButtonSt.st)(_ToggleButtonSt.classes.iconButton, {
      skin
    }),
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 37,
      columnNumber: 7
    }
  }, minimized ? /*#__PURE__*/_react.default.createElement(icons.ChevronRightSmall, {
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 43,
      columnNumber: 22
    }
  }) : /*#__PURE__*/_react.default.createElement(icons.ChevronLeftSmall, {
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 43,
      columnNumber: 52
    }
  })));
};
exports.ToggleButton = ToggleButton;
//# sourceMappingURL=ToggleButton.js.map