@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,
    theme = 'blue',
    cancelText,
    cancelPrefixIcon,
    cancelSuffixIcon,
    onCancel,
    onOk,
    confirmText,
    confirmPrefixIcon,
    confirmSuffixIcon,
    buttonsHeight = 'small',
    enableOk = true,
    enableCancel = true,
    sideActions
  } = _ref;
  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