import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/taggedTemplateLiteralLoose";

var _templateObject, _templateObject2;

import React from 'react';
import { Modal, useGlobalLabels } from '@sentecacommerce-theme/lib';
import styled from 'styled-components';
import { Button } from '..';
export var Confirm = (_ref) => {
  var {
    confirmCallback,
    cancelCallback
  } = _ref;
  var {
    buttons
  } = useGlobalLabels();
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Modal, {
    open: false,
    onClose: cancelCallback
  }, /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(ButtonWrapper, null, /*#__PURE__*/React.createElement(Button, {
    onClick: cancelCallback,
    bordered: true,
    fullWidth: true
  }, buttons.cancel), /*#__PURE__*/React.createElement(Button, {
    onClick: confirmCallback,
    fullWidth: true,
    className: "ml-2"
  }, buttons.confirm))))); // return [openModal, ModalComponent]
};
var Container = styled.div.attrs({
  className: 'd-flex flex-column py-1 px-0'
})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  width: 260px;\n"])));
var ButtonWrapper = styled.div.attrs({
  className: 'd-flex'
})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  width: 250px;\n"])));
//# sourceMappingURL=index.js.map