@wix/design-system/dist/cjs/MessageBoxFunctionalLayout/components/FooterLayout.js

@wix/design-system

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.FooterLayout = void 0;
var _react = _interopRequireDefault(require("react"));
var _Button = _interopRequireDefault(require("../../Button"));
var _MessageBoxFunctionalLayoutSt = require("../MessageBoxFunctionalLayout.st.css.js");
var _MessageBoxFunctionalLayout = require("../MessageBoxFunctionalLayout.constants");
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/MessageBoxFunctionalLayout/components/FooterLayout.tsx";
var buttonSkinByTheme = {
  blue: 'standard',
  purple: 'premium',
  red: 'destructive'
};
var buttonSizeByHeight = {
  'x-small': 'tiny',
  tiny: 'tiny',
  small: 'small',
  medium: 'medium',
  large: 'large',
  'x-large': 'large'
};
var FooterLayout = _ref => {
  var bottomChildren = _ref.bottomChildren,
    _ref$theme = _ref.theme,
    theme = _ref$theme === void 0 ? 'blue' : _ref$theme,
    cancelText = _ref.cancelText,
    cancelPrefixIcon = _ref.cancelPrefixIcon,
    cancelSuffixIcon = _ref.cancelSuffixIcon,
    onCancel = _ref.onCancel,
    onOk = _ref.onOk,
    confirmText = _ref.confirmText,
    confirmPrefixIcon = _ref.confirmPrefixIcon,
    confirmSuffixIcon = _ref.confirmSuffixIcon,
    _ref$buttonsHeight = _ref.buttonsHeight,
    buttonsHeight = _ref$buttonsHeight === void 0 ? 'small' : _ref$buttonsHeight,
    _ref$enableOk = _ref.enableOk,
    enableOk = _ref$enableOk === void 0 ? true : _ref$enableOk,
    _ref$enableCancel = _ref.enableCancel,
    enableCancel = _ref$enableCancel === void 0 ? true : _ref$enableCancel,
    sideActions = _ref.sideActions;
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
    className: (0, _MessageBoxFunctionalLayoutSt.st)(_MessageBoxFunctionalLayoutSt.classes.footer),
    "data-hook": _MessageBoxFunctionalLayout.dataHooks.footer,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 62,
      columnNumber: 5
    }
  }, sideActions, /*#__PURE__*/_react.default.createElement("div", {
    className: (0, _MessageBoxFunctionalLayoutSt.st)(_MessageBoxFunctionalLayoutSt.classes.footerbuttons, {
      withSideActions: sideActions && (cancelText || confirmText)
    }),
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 64,
      columnNumber: 7
    }
  }, cancelText && /*#__PURE__*/_react.default.createElement(_Button.default, {
    prefixIcon: cancelPrefixIcon,
    suffixIcon: cancelSuffixIcon,
    disabled: !enableCancel,
    size: buttonSizeByHeight[buttonsHeight],
    priority: "secondary",
    skin: buttonSkinByTheme[theme],
    onClick: onCancel,
    dataHook: _MessageBoxFunctionalLayout.dataHooks.footerCancelButton,
    children: cancelText,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 70,
      columnNumber: 11
    }
  }), confirmText && /*#__PURE__*/_react.default.createElement(_Button.default, {
    prefixIcon: confirmPrefixIcon,
    suffixIcon: confirmSuffixIcon,
    disabled: !enableOk,
    size: buttonSizeByHeight[buttonsHeight],
    priority: "primary",
    skin: buttonSkinByTheme[theme],
    onClick: onOk,
    dataHook: _MessageBoxFunctionalLayout.dataHooks.footerConfirmButton,
    children: confirmText,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 83,
      columnNumber: 11
    }
  }))), bottomChildren && /*#__PURE__*/_react.default.createElement("div", {
    "data-hook": _MessageBoxFunctionalLayout.dataHooks.footerBelowChildren,
    className: (0, _MessageBoxFunctionalLayoutSt.st)(_MessageBoxFunctionalLayoutSt.classes.bottomChildren),
    children: bottomChildren,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 98,
      columnNumber: 7
    }
  }));
};
exports.FooterLayout = FooterLayout;
//# sourceMappingURL=FooterLayout.js.map