"use strict";

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

var _colors = require("../colors");

var _colors2 = _interopRequireDefault(_colors);

var _card = require("./card");

var _card2 = _interopRequireDefault(_card);

var _presets = require("../../utils/presets");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

var base = {
  display: "flex",
  justifyContent: "space-between",
  flexWrap: "wrap",
  width: "100%"
};
var variants = {
  PRIMARY: function PRIMARY(toneColors) {
    return _objectSpread({}, _card2["default"].frame, _defineProperty({
      background: _colors2["default"].white,
      borderLeft: "10px solid ".concat(toneColors.dark),
      padding: "".concat(_presets.spaces.m, " ").concat(_presets.spaces.l, " ").concat(_presets.spaces.m, " ").concat(_presets.spaces.m)
    }, "@media (min-width: ".concat(_presets.breakpoints.desktop, "px)"), {
      padding: "".concat(_presets.spaces.m, " ").concat(_presets.spaces.l, " ").concat(_presets.spaces.m, " ").concat(_presets.spaces.m)
    }));
  },
  SECONDARY: function SECONDARY(toneColors) {
    return _defineProperty({
      background: toneColors.superLight,
      padding: "".concat(_presets.spaces.m, " ").concat(_presets.spaces.l)
    }, "@media (min-width: ".concat(_presets.breakpoints.desktop, "px)"), {
      padding: "".concat(_presets.spaces.l, " ").concat(_presets.spaces["2xl"])
    });
  }
};
var notification = {
  base: base,
  variants: variants
};
exports["default"] = notification;