'use strict';

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

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

var _styledComponents2 = _interopRequireDefault(_styledComponents);

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

var _themeGet2 = _interopRequireDefault(_themeGet);

var _cleanTag = require('clean-tag');

var _cleanTag2 = _interopRequireDefault(_cleanTag);

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

var AlertContent = (0, _styledComponents2.default)(_cleanTag2.default.div).withConfig({
  displayName: 'AlertContent'
})(['padding:', ' ', ';position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-gap:', ';min-height:53px;border-color:inherit;'], (0, _themeGet2.default)('spacing.small'), (0, _themeGet2.default)('spacing.medium'), (0, _themeGet2.default)('spacing.small'));

AlertContent.Small = (0, _styledComponents2.default)(AlertContent).withConfig({
  displayName: 'AlertContent__Small'
})(['padding:5px;min-height:30px;']);

exports.default = AlertContent;