import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Text } from "../../../components/atoms";
import { cn } from "../../../utils/cn";
// Using design tokens via Tailwind classes
const variantStyles = {
    default: "",
    primary: "text-primary-600 dark:text-primary-400",
    secondary: "text-neutral-600 dark:text-neutral-400",
};
export const CardHeader = ({ title, subtitle, className, variant = "default", }) => {
    return (_jsxs("div", { className: cn("mb-4", className), children: [_jsx(Text, { variant: "h2", className: cn(variantStyles[variant]), children: title }), subtitle && (_jsx(Text, { variant: "body", className: "mt-2 text-neutral-600 dark:text-neutral-400", children: subtitle }))] }));
};
export default CardHeader;
