'use client';
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
import { Modal } from '@faceless-ui/modal';
import React from 'react';
import { useEditDepth } from '../../providers/EditDepth/index.js';
export function FullscreenModal(props) {
    const currentDepth = useEditDepth();
    return /*#__PURE__*/ _jsxDEV(Modal, {
        // Fixes https://github.com/payloadcms/payload/issues/13778
        closeOnBlur: false,
        ...props,
        style: {
            ...props.style || {},
            zIndex: `calc(100 + ${currentDepth || 0} + 1)`
        }
    }, void 0, false, {
        fileName: "src/elements/FullscreenModal/index.tsx",
        lineNumber: 13,
        columnNumber: 5
    }, this);
}

//# sourceMappingURL=index.js.map