"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const polished_1 = require("polished");
const dialog_1 = require("@reach/dialog");
const styles_1 = require("../../styles");
const utils_1 = require("../utils");
exports.Overlay = styles_1.styled(utils_1.ComponentWithoutProps(dialog_1.DialogOverlay, ['isCentered']))(({ theme, isCentered }) => ({
    position: 'fixed',
    top: 0,
    right: 0,
    bottom: 0,
    left: 0,
    overflow: 'auto',
    background: polished_1.transparentize(0.7, '#ffffff'),
    display: 'flex',
    alignItems: isCentered ? 'center' : 'flex-start',
    justifyContent: 'center',
}));
//# sourceMappingURL=styles.js.map