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

const CardHeader = React__default.forwardRef(({ children, className, ...props }, ref) => {
    return (jsx("div", { ref: ref, className: cn(cardTheme.headerStyle, className), ...props, children: children }));
});
CardHeader.displayName = 'CardHeader';

export { CardHeader };
