"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.NeurobagelSearch = void 0;
const react_1 = __importDefault(require("react"));
const neurobagel_logo_svg_1 = __importDefault(require("./neurobagel_logo.svg"));
const AccordionTab_1 = require("../accordion/AccordionTab");
const AccordionWrap_1 = require("../accordion/AccordionWrap");
const styled_1 = __importDefault(require("@emotion/styled"));
const NeurobagelSearchDiv = styled_1.default.div `
padding-bottom: 15px;
border-bottom: 1px solid #dfdfdf; // $newspaper in _variables.scss
margin-bottom: 10px;
  img.inline-icon {
    height: 1.1em;
    vertical-align: middle;
  }
  .on-accordion-wrapper .keyword-accordion {
    .accordion-title {
        position: absolute;
        top: -20px;
        @media (max-width: 421px) {
          left: 93px;
        }
        @media (max-width: 330px) {
          left: 130px;
        }
        left: 375px;
    }
  }
`;
const NeurobagelSearch = () => {
    return (react_1.default.createElement(NeurobagelSearchDiv, null,
        react_1.default.createElement("img", { src: neurobagel_logo_svg_1.default, className: "inline-icon" }),
        " ",
        react_1.default.createElement("a", { href: "https://query.neurobagel.org/?node=OpenNeuro", target: "_blank" }, "Search at the participant-level with Neurobagel"),
        react_1.default.createElement(AccordionWrap_1.AccordionWrap, null,
            react_1.default.createElement(AccordionTab_1.AccordionTab, { accordionStyle: "plain", label: "?", className: "keyword-accordion" },
                react_1.default.createElement("span", null,
                    "Search at the participant level is provided by",
                    " ",
                    react_1.default.createElement("a", { href: "https://neurobagel.org", target: "_blank" }, "Neurobagel"),
                    ", ",
                    "a third party project. Neurobagel is a collection of tools for harmonizing phenotypic and imaging data descriptions, searching for participants across datasets, and constructing cohorts from multiple source datasets.")))));
};
exports.NeurobagelSearch = NeurobagelSearch;
