"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.Confirm = void 0;

var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));

var _react = _interopRequireDefault(require("react"));

var _lib = require("@sentecacommerce-theme/lib");

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _ = require("..");

var _templateObject, _templateObject2;

var Confirm = function Confirm(_ref) {
  var confirmCallback = _ref.confirmCallback,
      cancelCallback = _ref.cancelCallback;

  var _useGlobalLabels = (0, _lib.useGlobalLabels)(),
      buttons = _useGlobalLabels.buttons;

  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_lib.Modal, {
    open: false,
    onClose: cancelCallback
  }, /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement(ButtonWrapper, null, /*#__PURE__*/_react["default"].createElement(_.Button, {
    onClick: cancelCallback,
    bordered: true,
    fullWidth: true
  }, buttons.cancel), /*#__PURE__*/_react["default"].createElement(_.Button, {
    onClick: confirmCallback,
    fullWidth: true,
    className: "ml-2"
  }, buttons.confirm))))); // return [openModal, ModalComponent]
};

exports.Confirm = Confirm;

var Container = _styledComponents["default"].div.attrs({
  className: 'd-flex flex-column py-1 px-0'
})(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2["default"])(["\n  width: 260px;\n"])));

var ButtonWrapper = _styledComponents["default"].div.attrs({
  className: 'd-flex'
})(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2["default"])(["\n  width: 250px;\n"])));
//# sourceMappingURL=index.js.map