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

const PageHeadingTitle = React__default.forwardRef(({ children, className, ...props }, ref) => {
    return (jsx("h1", { ref: ref, className: cn(pageHeadingTheme.titleStyle, className), ...props, children: children }));
});
PageHeadingTitle.displayName = "PageHeadingTitle";

export { PageHeadingTitle };
