@nex-ui/react/dist/cjs/components/modal/ModalBackdrop.cjs

🎉 A beautiful, modern, and reliable React component library.

"use client";
'use strict';

var jsxRuntime = require('react/jsx-runtime');
var system = require('@nex-ui/system');
var useSlot = require('../utils/useSlot.cjs');

const recipe = system.defineRecipe({
    base: {
        position: 'fixed',
        inset: 0,
        bg: 'black/50'
    }
});
const style = recipe();
const ModalBackdrop = (inProps)=>{
    const props = inProps;
    const [ModalBackdropRoot, getModalBackdropRootProps] = useSlot.useSlot({
        style,
        elementType: 'div',
        externalForwardedProps: props,
        a11y: {
            'aria-hidden': true
        }
    });
    return /*#__PURE__*/ jsxRuntime.jsx(ModalBackdropRoot, {
        ...getModalBackdropRootProps()
    });
};
ModalBackdrop.displayName = 'ModalBackdrop';

exports.ModalBackdrop = ModalBackdrop;