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

const PageHeadingSubtitle = React__default.forwardRef(({ children, className, ...props }, ref) => {
    return (jsx("p", { ref: ref, className: cn(pageHeadingTheme.subtitleStyle, className), ...props, children: children }));
});
PageHeadingSubtitle.displayName = "PageHeadingSubtitle";

export { PageHeadingSubtitle };
