"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ModelRegistryHeader = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
/**
 * ModelRegistryHeader Component
 *
 * Header for the ModelRegistry component with optional create button and count information
 */
const ModelRegistryHeader = ({ onCreateModel, showCreateButton = true, modelCount, totalCount }) => {
    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center mb-6", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h2", { className: "text-2xl font-bold text-gray-900", children: "Model Registry" }), modelCount !== undefined && totalCount !== undefined && ((0, jsx_runtime_1.jsx)("p", { className: "text-sm text-gray-500 mt-1", children: modelCount === totalCount
                            ? `${totalCount} model${totalCount !== 1 ? 's' : ''}`
                            : `Showing ${modelCount} of ${totalCount} models` }))] }), showCreateButton && onCreateModel && ((0, jsx_runtime_1.jsxs)("button", { onClick: onCreateModel, className: "inline-flex items-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500", "data-testid": "create-model-button", children: [(0, jsx_runtime_1.jsx)("svg", { className: "-ml-1 mr-2 h-5 w-5", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 6v6m0 0v6m0-6h6m-6 0H6" }) }), "Add Model"] }))] }));
};
exports.ModelRegistryHeader = ModelRegistryHeader;
//# sourceMappingURL=ModelRegistryHeader.js.map