'use strict';

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

var _styledComponents = require('styled-components');

var _styledComponents2 = _interopRequireDefault(_styledComponents);

var _themeGet = require('../../../extensions/themeGet');

var _themeGet2 = _interopRequireDefault(_themeGet);

var _AlertBorder = require('./AlertBorder');

var _AlertBorder2 = _interopRequireDefault(_AlertBorder);

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

var expandingBottomMargin = exports.expandingBottomMargin = (0, _styledComponents.keyframes)(['from{margin-bottom:0;}to{margin-bottom:', ';}'], (0, _themeGet2.default)('spacing.medium'));

var AlertGroup = _styledComponents2.default.div.withConfig({
  displayName: 'AlertGroup'
})(['display:flex;flex-direction:column;align-content:stretch;& > ', ',& > ', '{margin-left:0;margin-right:0;margin-bottom:', ';animation:', ' 0.2s ease;}'], _AlertBorder2.default, _AlertBorder2.default.Small, (0, _themeGet2.default)('spacing.medium'), expandingBottomMargin);

AlertGroup.Global = (0, _styledComponents2.default)(AlertGroup).withConfig({
  displayName: 'AlertGroup__Global'
})(['position:fixed;top:0;left:', ';right:', ';padding-top:', ';align-content:center;pointer-events:none;z-index:5000;& > ', ',& > ', '{pointer-events:initial;box-shadow:', ';margin-left:auto;margin-right:auto;}'], (0, _themeGet2.default)('spacing.large'), (0, _themeGet2.default)('spacing.large'), (0, _themeGet2.default)('spacing.large'), _AlertBorder2.default, _AlertBorder2.default.Small, (0, _themeGet2.default)('shadows.short'));

exports.default = AlertGroup;