require('./Notification.styles_1uyb7ob.css');
'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var react = require('@linaria/react');
var Notification_tokens = require('./Notification.tokens.js');
var Notification_types = require('./Notification.types.js');
var common = require('../../engines/common.js');
var Button$1 = require('../Button/Button.js');

var StyledNotification = "sb12p";
var mergedButtonConfig = /*#__PURE__*/common.mergeConfig(Button$1.buttonConfig);
var Button = /*#__PURE__*/common.component(mergedButtonConfig);
var _exp = function _exp() {
  return Button;
};
var CloseIconWrapper = /*#__PURE__*/react.styled(_exp())({
  name: "CloseIconWrapper",
  "class": "crvd7hm",
  propsAsIs: true
});
var _exp8 = function _exp8() {
  return function (_ref) {
    var _ref$width = _ref.width,
      width = _ref$width === void 0 ? "var(".concat(Notification_tokens.tokens.width, ")") : _ref$width;
    return width;
  };
};
var _exp9 = function _exp9() {
  return function (_ref2) {
    var maxWidth = _ref2.maxWidth;
    return maxWidth || 'unset';
  };
};
var _exp13 = function _exp13() {
  return function (_ref3) {
    var backgroundColor = _ref3.backgroundColor;
    return backgroundColor || "var(".concat(Notification_tokens.tokens.background, ")");
  };
};
var Wrapper = /*#__PURE__*/react.styled('div')({
  name: "Wrapper",
  "class": "wg1ga5v",
  propsAsIs: false,
  vars: {
    "wg1ga5v-0": [/*#__PURE__*/_exp8()],
    "wg1ga5v-1": [/*#__PURE__*/_exp9()],
    "wg1ga5v-2": [/*#__PURE__*/_exp13()]
  }
});
var _exp17 = function _exp17() {
  return function (_ref4) {
    var iconPlacement = _ref4.iconPlacement;
    return iconPlacement === Notification_types.placements.left ? "var(".concat(Notification_tokens.tokens.buttonsMarginLeft, ")") : 'unset';
  };
};
var ButtonsWrapper = /*#__PURE__*/react.styled('div')({
  name: "ButtonsWrapper",
  "class": "b1amsn8a",
  propsAsIs: false,
  vars: {
    "b1amsn8a-0": [/*#__PURE__*/_exp17()]
  }
});
var _exp23 = function _exp23() {
  return function (_ref5) {
    var iconColor = _ref5.iconColor;
    return iconColor || "var(".concat(Notification_tokens.tokens.contentLeftIconColor, ")");
  };
};
var _exp24 = function _exp24() {
  return function (_ref6) {
    var iconPlacement = _ref6.iconPlacement;
    return iconPlacement === Notification_types.placements.left ? "var(".concat(Notification_tokens.tokens.contentLeftIconMargin, ")") : 'unset';
  };
};
var _exp25 = function _exp25() {
  return function (_ref7) {
    var iconPlacement = _ref7.iconPlacement;
    return iconPlacement === Notification_types.placements.top ? "var(".concat(Notification_tokens.tokens.contentTopIconMargin, ")") : 'unset';
  };
};
var IconWrapper = /*#__PURE__*/react.styled('div')({
  name: "IconWrapper",
  "class": "i14raqr9",
  propsAsIs: false,
  vars: {
    "i14raqr9-0": [/*#__PURE__*/_exp23()],
    "i14raqr9-1": [/*#__PURE__*/_exp24()],
    "i14raqr9-2": [/*#__PURE__*/_exp25()]
  }
});
var _exp28 = function _exp28() {
  return function (_ref8) {
    var iconPlacement = _ref8.iconPlacement;
    return iconPlacement === Notification_types.placements.left ? 'flex' : 'block';
  };
};
var _exp29 = function _exp29() {
  return function (_ref9) {
    var iconPlacement = _ref9.iconPlacement;
    return iconPlacement ? "var(".concat(Notification_tokens.tokens.contentPaddingTop, ")") : "var(".concat(Notification_tokens.tokens.contentPaddingTopWithoutIcon, ")");
  };
};
var ContentBox = /*#__PURE__*/react.styled('div')({
  name: "ContentBox",
  "class": "c157peez",
  propsAsIs: false,
  vars: {
    "c157peez-0": [/*#__PURE__*/_exp28()],
    "c157peez-1": [/*#__PURE__*/_exp29()]
  }
});
var _exp35 = function _exp35() {
  return function (_ref10) {
    var iconPlacement = _ref10.iconPlacement;
    return !iconPlacement || iconPlacement === Notification_types.placements.top ? "var(".concat(Notification_tokens.tokens.textboxPaddingTopWithTopIcon, ")") : "var(".concat(Notification_tokens.tokens.textboxPaddingTop, ")");
  };
};
var _exp36 = function _exp36() {
  return function (_ref11) {
    var showCloseIcon = _ref11.showCloseIcon,
      iconPlacement = _ref11.iconPlacement;
    return showCloseIcon && iconPlacement !== Notification_types.placements.top ? "var(".concat(Notification_tokens.tokens.textboxPaddingRightWithCloseIcon, ")") : "var(".concat(Notification_tokens.tokens.textboxPaddingRight, ")");
  };
};
var TextBox = /*#__PURE__*/react.styled('div')({
  name: "TextBox",
  "class": "t1vmb0f2",
  propsAsIs: false,
  vars: {
    "t1vmb0f2-0": [/*#__PURE__*/_exp35()],
    "t1vmb0f2-1": [/*#__PURE__*/_exp36()]
  }
});
var _exp46 = function _exp46() {
  return function (_ref12) {
    var textColor = _ref12.textColor;
    return textColor || "var(".concat(Notification_tokens.tokens.titleColor, ")");
  };
};
var StyledTitle = /*#__PURE__*/react.styled('div')({
  name: "StyledTitle",
  "class": "s1k4e58v",
  propsAsIs: false,
  vars: {
    "s1k4e58v-0": [/*#__PURE__*/_exp46()]
  }
});
var _exp54 = function _exp54() {
  return function (_ref13) {
    var textColor = _ref13.textColor;
    return textColor || "var(".concat(Notification_tokens.tokens.contentColor, ")");
  };
};
var StyledContent = /*#__PURE__*/react.styled('div')({
  name: "StyledContent",
  "class": "s92kmpm",
  propsAsIs: false,
  vars: {
    "s92kmpm-0": [/*#__PURE__*/_exp54()]
  }
});
var StyledItemWrapper = /*#__PURE__*/react.styled('div')({
  name: "StyledItemWrapper",
  "class": "s18m0x6v",
  propsAsIs: false
});
var _exp61 = function _exp61() {
  return function (_ref14) {
    var placement = _ref14.placement;
    return placement === 'bottom-left' ? 'flex-start' : 'flex-end';
  };
};
var StyledRoot = /*#__PURE__*/react.styled('div')({
  name: "StyledRoot",
  "class": "sfe5ql2",
  propsAsIs: false,
  vars: {
    "sfe5ql2-0": [/*#__PURE__*/_exp61()]
  }
});

exports.ButtonsWrapper = ButtonsWrapper;
exports.CloseIconWrapper = CloseIconWrapper;
exports.ContentBox = ContentBox;
exports.IconWrapper = IconWrapper;
exports.StyledContent = StyledContent;
exports.StyledItemWrapper = StyledItemWrapper;
exports.StyledNotification = StyledNotification;
exports.StyledRoot = StyledRoot;
exports.StyledTitle = StyledTitle;
exports.TextBox = TextBox;
exports.Wrapper = Wrapper;
//# sourceMappingURL=Notification.styles.js.map
