"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.DatasetHeader = void 0;
const react_1 = __importDefault(require("react"));
const react_router_dom_1 = require("react-router-dom");
const DatasetHeader = ({ pageHeading, modality, renderEditor, children, }) => {
    return (react_1.default.createElement("div", { className: "dataset-header" },
        react_1.default.createElement("div", { className: "container" },
            react_1.default.createElement("div", { className: "grid grid-between" },
                react_1.default.createElement("div", { className: "col" },
                    react_1.default.createElement("h1", null,
                        react_1.default.createElement(react_router_dom_1.Link, { to: '/search/modality/' + modality },
                            react_1.default.createElement("div", { className: "hexagon-wrapper" },
                                react_1.default.createElement("div", { className: "hexagon no-modality" }),
                                react_1.default.createElement("div", { className: "label" }, modality ? (modality.substr(0, 4)) : (react_1.default.createElement("i", { className: "fa fa-circle-o-notch fa-spin" }))))),
                        renderEditor?.() || pageHeading,
                        children))))));
};
exports.DatasetHeader = DatasetHeader;
