@nex-ui/react/dist/esm/components/popper/PopperContent.mjs

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

"use client";
import { jsx } from 'react/jsx-runtime';
import { defineRecipe } from '@nex-ui/system';
import { useSlot } from '../utils/useSlot.mjs';

const recipe = 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({
        style,
        elementType: 'div',
        externalForwardedProps: props,
        additionalProps: {
            sx: {
                maxWidth,
                maxHeight
            }
        }
    });
    return /*#__PURE__*/ jsx(PopperContentRoot, {
        ...getPopperContentRootProps(),
        children: children
    });
};
PopperContent.displayName = 'PopperContent';

export { PopperContent };