import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { cn } from "../lib/utils";
/**
 * Reusable page header component with icon, title, and optional description.
 * Used for consistent page headers across the application.
 */
export function PageHeader({ icon, title, description, className, iconClassName, titleClassName, descriptionClassName, variant = "default", showIconBox = true, }) {
    const isCompact = variant === "compact";
    return (_jsx("div", { className: cn("shrink-0 bg-white", isCompact ? "px-6 py-4" : "px-8 pt-10 pb-6", className), children: _jsxs("div", { className: "flex items-center gap-4", children: [icon && (_jsx("div", { className: cn("flex shrink-0 items-center justify-center", showIconBox
                        ? cn("rounded-2xl bg-black text-white shadow-xl shadow-black/10", isCompact ? "h-10 w-10" : "h-12 w-12")
                        : "text-gray-500", iconClassName), children: icon })), _jsxs("div", { children: [_jsx("h1", { className: cn("font-extrabold tracking-tight text-gray-900", isCompact ? "text-xl font-semibold" : "text-2xl sm:text-3xl", titleClassName), children: title }), description && (_jsx("p", { className: cn("font-medium text-gray-500", isCompact ? "text-sm" : "text-[15px]", descriptionClassName), children: description }))] })] }) }));
}
//# sourceMappingURL=PageHeader.js.map