"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.ModalityHeader = void 0;
const react_1 = __importDefault(require("react"));
const ModalityHeader = ({ portalName, portalPrimary, publicDatasetStat, participantsStat, hexBackgroundImage, renderAggregateCounts, }) => {
    return (react_1.default.createElement("section", { className: "search-page-portal-header" },
        react_1.default.createElement("div", { className: "container" },
            react_1.default.createElement("div", { className: "grid grid-nogutter" },
                react_1.default.createElement("div", { className: "col col-7 portal-primary" },
                    react_1.default.createElement("h1", null, portalName),
                    react_1.default.createElement("div", { className: "primary-content" }, portalPrimary),
                    react_1.default.createElement("div", { className: "secondary-content" }, renderAggregateCounts())),
                react_1.default.createElement("div", { className: "col col-3 hex-col" },
                    react_1.default.createElement("div", { className: "search-hexagon", style: {
                            backgroundImage: `url(${hexBackgroundImage})`,
                        } },
                        react_1.default.createElement("div", { className: "hexTop" }),
                        react_1.default.createElement("div", { className: "hexBottom" })),
                    react_1.default.createElement("div", { className: "search-shade-cube" },
                        react_1.default.createElement("div", { className: "front" }),
                        react_1.default.createElement("div", { className: "top" }),
                        react_1.default.createElement("div", { className: "right" })))))));
};
exports.ModalityHeader = ModalityHeader;
