require('./Notification.styles_122l2w8.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 = "scyktp1";
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": "c1a2bbgm",
  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 _exp10 = function _exp10() {
  return function (_ref3) {
    var backgroundColor = _ref3.backgroundColor;
    return backgroundColor || "var(".concat(Notification_tokens.tokens.background, ")");
  };
};
var Wrapper = /*#__PURE__*/react.styled('div')({
  name: "Wrapper",
  "class": "w8uazx2",
  propsAsIs: false,
  vars: {
    "w8uazx2-0": [/*#__PURE__*/_exp8()],
    "w8uazx2-1": [/*#__PURE__*/_exp9()],
    "w8uazx2-2": [/*#__PURE__*/_exp10()]
  }
});
var _exp18 = function _exp18() {
  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": "b1xr2yk0",
  propsAsIs: false,
  vars: {
    "b1xr2yk0-0": [/*#__PURE__*/_exp18()]
  }
});
var _exp24 = function _exp24() {
  return function (_ref5) {
    var iconColor = _ref5.iconColor;
    return iconColor || "var(".concat(Notification_tokens.tokens.contentLeftIconColor, ")");
  };
};
var _exp25 = function _exp25() {
  return function (_ref6) {
    var iconPlacement = _ref6.iconPlacement;
    return iconPlacement === Notification_types.placements.left ? "var(".concat(Notification_tokens.tokens.contentLeftIconMargin, ")") : 'unset';
  };
};
var _exp26 = function _exp26() {
  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": "i14s4fd7",
  propsAsIs: false,
  vars: {
    "i14s4fd7-0": [/*#__PURE__*/_exp24()],
    "i14s4fd7-1": [/*#__PURE__*/_exp25()],
    "i14s4fd7-2": [/*#__PURE__*/_exp26()]
  }
});
var _exp29 = function _exp29() {
  return function (_ref8) {
    var iconPlacement = _ref8.iconPlacement;
    return iconPlacement === Notification_types.placements.left ? 'flex' : 'block';
  };
};
var _exp30 = function _exp30() {
  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": "c1tta1xp",
  propsAsIs: false,
  vars: {
    "c1tta1xp-0": [/*#__PURE__*/_exp29()],
    "c1tta1xp-1": [/*#__PURE__*/_exp30()]
  }
});
var _exp36 = function _exp36() {
  return function (_ref0) {
    var iconPlacement = _ref0.iconPlacement;
    return !iconPlacement || iconPlacement === Notification_types.placements.top ? "var(".concat(Notification_tokens.tokens.textboxPaddingTopWithTopIcon, ")") : "var(".concat(Notification_tokens.tokens.textboxPaddingTop, ")");
  };
};
var _exp37 = function _exp37() {
  return function (_ref1) {
    var showCloseIcon = _ref1.showCloseIcon,
      iconPlacement = _ref1.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": "tzjmef4",
  propsAsIs: false,
  vars: {
    "tzjmef4-0": [/*#__PURE__*/_exp36()],
    "tzjmef4-1": [/*#__PURE__*/_exp37()]
  }
});
var _exp47 = function _exp47() {
  return function (_ref10) {
    var textColor = _ref10.textColor;
    return textColor || "var(".concat(Notification_tokens.tokens.titleColor, ")");
  };
};
var StyledTitle = /*#__PURE__*/react.styled('div')({
  name: "StyledTitle",
  "class": "s14ibkoo",
  propsAsIs: false,
  vars: {
    "s14ibkoo-0": [/*#__PURE__*/_exp47()]
  }
});
var _exp55 = function _exp55() {
  return function (_ref11) {
    var textColor = _ref11.textColor;
    return textColor || "var(".concat(Notification_tokens.tokens.contentColor, ")");
  };
};
var StyledContent = /*#__PURE__*/react.styled('div')({
  name: "StyledContent",
  "class": "sabm8s1",
  propsAsIs: false,
  vars: {
    "sabm8s1-0": [/*#__PURE__*/_exp55()]
  }
});
var StyledItemWrapper = /*#__PURE__*/react.styled('div')({
  name: "StyledItemWrapper",
  "class": "sm1u2xz",
  propsAsIs: false
});
var _exp62 = function _exp62() {
  return function (_ref12) {
    var placement = _ref12.placement;
    return placement === 'bottom-left' ? 'flex-start' : 'flex-end';
  };
};
var StyledRoot = /*#__PURE__*/react.styled('div')({
  name: "StyledRoot",
  "class": "s1d300x1",
  propsAsIs: false,
  vars: {
    "s1d300x1-0": [/*#__PURE__*/_exp62()]
  }
});

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;
