import React from "react";
export const ModalityHeader = ({ portalName, portalPrimary, hexBackgroundImage, pageBrand, renderAggregateCounts, }) => {
    return (React.createElement("section", { className: "search-page-portal-header" },
        React.createElement("div", { className: "container" },
            React.createElement("div", { className: "grid grid-nogutter" },
                React.createElement("div", { className: "col col-7 portal-primary" },
                    React.createElement("h1", null, portalName),
                    React.createElement("div", { className: "primary-content" }, portalPrimary),
                    React.createElement("div", { className: "secondary-content" }, renderAggregateCounts())),
                pageBrand
                    ? (React.createElement("div", { className: "col col-3" },
                        React.createElement("img", { src: pageBrand, alt: portalName, style: {
                                margin: "30px 0 30px 50px",
                                maxWidth: "380px",
                                height: "auto",
                            } })))
                    : (React.createElement("div", { className: "col col-3 hex-col" },
                        React.createElement("div", { className: "search-hexagon", style: {
                                backgroundImage: `url(${hexBackgroundImage})`,
                            } },
                            React.createElement("div", { className: "hexTop" }),
                            React.createElement("div", { className: "hexBottom" })),
                        React.createElement("div", { className: "search-shade-cube" },
                            React.createElement("div", { className: "front" }),
                            React.createElement("div", { className: "top" }),
                            React.createElement("div", { className: "right" }))))))));
};
