var _excluded = ["zIndex"];
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
import styled, { keyframes, css } from "styled-components";
import Flex from "../../templates/flex";
var dropKeyFrames = keyframes(["0%{opacity:0.5;transform:scale(0.8);}100%{opacity:1;transform:scale(1);}"]);
var styledAnimation = css(["opacity:0;animation:", " 0.1s forwards;animation-delay:0.01s;"], dropKeyFrames);
var Container = styled(Flex).attrs(function (_ref) {
  var _ref$zIndex = _ref.zIndex,
    zIndex = _ref$zIndex === void 0 ? 70 : _ref$zIndex,
    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
  return _objectSpread({
    zIndex: zIndex,
    position: "fixed"
  }, rest);
}).withConfig({
  displayName: "container__Container",
  componentId: "sc-l6u9ms-0"
})(["left:-99999px;", " ", " ", " backface-visibility:hidden;perspective:1000;transform:translate3d(0,0,0);will-change:left,top,transform;"], function (_ref2) {
  var animation = _ref2.animation;
  return animation && styledAnimation;
}, function (_ref3) {
  var hideShadow = _ref3.hideShadow;
  return !hideShadow && "box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);";
}, function (_ref4) {
  var noEvents = _ref4.noEvents;
  return !!noEvents && "pointer-events: none;";
});
export default Container;