"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "Fade", {
    enumerable: true,
    get: function() {
        return Fade;
    }
});
var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
var gradients = {
    top: 'radial-gradient(200% 200% at 50% -100%, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%)',
    bottom: 'radial-gradient(200% 200% at 50% 200%, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%)'
};
var Fade = _styledcomponents.default.div.withConfig({
    displayName: "Fade",
    componentId: "sc-1f25e4f8-0"
})([
    "position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background:",
    ";"
], function(param) {
    var _param_placement = param.placement, placement = _param_placement === void 0 ? 'bottom' : _param_placement;
    return gradients[placement];
});
