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

const PageLayoutHeader = React__default.forwardRef(({ sticky = true, className, theme: customTheme, children, ...props }, ref) => {
    const theme = { ...pageLayoutTheme, ...customTheme };
    return (jsx("header", { ref: ref, className: cn(theme.header, sticky && "sticky top-0 z-10", className), ...props, children: children }));
});
PageLayoutHeader.displayName = "PageLayout.Header";

export { PageLayoutHeader };
