/**
 * @license MIT
 * author: Cube Dev Team
 * @cube-dev/ui-kit v0.0.0-canary-5e810c3
 * Released under the MIT license.
 */

import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from 'react';
import { tasty } from '../../../tasty/index.js';
const UnderlayElement = tasty({
    qa: 'Underlay',
    'data-type': 'primary',
    styles: {
        position: 'fixed',
        top: 0,
        right: 0,
        bottom: 0,
        left: 0,
        zIndex: 10,
        transitionDelay: '0ms',
        opacity: {
            '': 0,
            open: 0.9999,
        },
        pointerEvents: {
            '': 'none',
            open: 'auto',
        },
        fill: '#black.30',
        overflow: 'hidden',
        transition: 'transform .25s ease-in-out, opacity .25s linear, visibility 0ms linear',
    },
});
function Underlay({ isOpen, transitionState, ...otherProps }, ref) {
    return (_jsx(UnderlayElement, { ref: ref, mods: {
            open: isOpen,
        }, ...otherProps }));
}
let _Underlay = forwardRef(Underlay);
_Underlay.displayName = 'Underlay';
export { _Underlay as Underlay };

        