@nex-ui/react/dist/cjs/components/popper/PopperContent.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: {
        d: 'flex',
        flexDirection: 'column',
        outline: 'none',
        pos: 'relative',
        boxSizing: 'border-box',
        overflow: 'auto'
    }
});
const style = recipe();
const PopperContent = (inProps)=>{
    const { children, maxWidth, maxHeight, ...props } = inProps;
    const [PopperContentRoot, getPopperContentRootProps] = useSlot.useSlot({
        style,
        elementType: 'div',
        externalForwardedProps: props,
        additionalProps: {
            sx: {
                maxWidth,
                maxHeight
            }
        }
    });
    return /*#__PURE__*/ jsxRuntime.jsx(PopperContentRoot, {
        ...getPopperContentRootProps(),
        children: children
    });
};
PopperContent.displayName = 'PopperContent';

exports.PopperContent = PopperContent;