'use strict';

var BaseStyle = require('primevue/base/style');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);

var theme = function theme(_ref) {
  var dt = _ref.dt;
  return "\n.p-confirmpopup {\n    position: absolute;\n    margin-top: 10px;\n    top: 0;\n    left: 0;\n    background: ".concat(dt('confirmpopup.background'), ";\n    color: ").concat(dt('confirmpopup.color'), ";\n    border: 1px solid ").concat(dt('confirmpopup.border.color'), ";\n    border-radius: ").concat(dt('rounded.base'), ";\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n}\n\n.p-confirmpopup-content {\n    display: flex;\n    align-items: center;\n    padding: 1rem;\n}\n\n.p-confirmpopup-icon {\n    font-size: 1.5rem;\n    width: 1.5rem;\n    height: 1.5rem;\n}\n\n.p-confirmpopup-message {\n    margin-left: 1rem;\n}\n\n.p-confirmpopup-footer {\n    display: flex;\n    justify-content: flex-end;\n    gap: 0.5rem;\n    padding: 0 1rem 1rem 1rem;\n}\n\n.p-confirmpopup-footer button {\n    width: auto;\n}\n\n.p-confirmpopup-footer button:last-child {\n    margin: 0;\n}\n\n.p-confirmpopup-flipped {\n    margin-top: 0;\n    margin-bottom: 10px;\n}\n\n.p-confirmpopup-enter-from {\n    opacity: 0;\n    transform: scaleY(0.8);\n}\n\n.p-confirmpopup-leave-to {\n    opacity: 0;\n}\n\n.p-confirmpopup-enter-active {\n    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-confirmpopup-leave-active {\n    transition: opacity 0.1s linear;\n}\n\n.p-confirmpopup:after,\n.p-confirmpopup:before {\n    bottom: 100%;\n    left: ").concat(dt('{overlay.arrow.left} + 1.25rem', 0), ";\n    content: \" \";\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n}\n\n.p-confirmpopup:after {\n    border-width: 8px;\n    margin-left: -8px;\n    border-style: solid;\n    border-color: transparent;\n    border-bottom-color: ").concat(dt('confirmpopup.background'), ";\n}\n\n.p-confirmpopup:before {\n    border-width: 10px;\n    margin-left: -10px;\n    border-style: solid;\n    border-color: transparent;\n    border-bottom-color: ").concat(dt('confirmpopup.border.color'), ";\n}\n\n.p-confirmpopup-flipped:after,\n.p-confirmpopup-flipped:before {\n    bottom: auto;\n    top: 100%;\n}\n\n.p-confirmpopup-flipped:after {\n    border-bottom-color: transparent;\n    border-top-color: ").concat(dt('confirmpopup.background'), ";\n}\n\n.p-confirmpopup-flipped:before {\n    border-bottom-color: transparent;\n    border-top-color: ").concat(dt('confirmpopup.border.color'), ";\n}\n");
};
var classes = {
  root: function root(_ref2) {
    var instance = _ref2.instance;
    return ['p-confirmpopup p-component', {
      'p-ripple-disabled': instance.$primevue.config.ripple === false
    }];
  },
  content: 'p-confirmpopup-content',
  icon: 'p-confirmpopup-icon',
  message: 'p-confirmpopup-message',
  footer: 'p-confirmpopup-footer',
  rejectButton: 'p-confirmpopup-reject-button',
  acceptButton: 'p-confirmpopup-accept-button'
};
var ConfirmPopupStyle = BaseStyle__default["default"].extend({
  name: 'confirmpopup',
  theme: theme,
  classes: classes
});

module.exports = ConfirmPopupStyle;
