import { jsx } from 'react/jsx-runtime';
import React__default from 'react';
import { cn } from '../../../utils/cn.js';
import { pageLayoutTheme } from './PageLayout.theme.js';

const PageLayoutContent = React__default.forwardRef(({ className, theme: customTheme, children, ...props }, ref) => {
    const theme = { ...pageLayoutTheme, ...customTheme };
    return (jsx("main", { ref: ref, className: cn(theme.content, className), ...props, children: children }));
});
PageLayoutContent.displayName = "PageLayout.Content";

export { PageLayoutContent };
