"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ToastContainer = void 0;

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _templateObject;

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

function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var ToastContainer = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /* min-width: 145px; */\n  max-width: 525px;\n  margin-left: -4px;\n  padding: 6px 15px;\n  font-size: 12px;\n  box-shadow: 0 0 5px 0 rgba(0,0,0,0.20);\n  border-radius: 2px;\n  color: #33383D;\n  background: #FFFFFF;\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n  transition: all .3s ease-in-out;\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  opacity: 0;\n  visibility: hidden;\n\n  &.slideIn {\n    top: 50px;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  .tu-icon-warning,\n  .tu-icon-check,\n  .tu-icon-cross {\n    margin-right: 6px;\n    position: relative;\n    top: 6px;\n  }\n  \n  p {\n    width: max-content;\n    text-align: center;\n  }\n"])));

exports.ToastContainer = ToastContainer;