"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Infographic = void 0;
const react_1 = __importDefault(require("react"));
const front_page_content_jsx_1 = require("../mock-content/front-page-content.jsx");
const Infographic = ({}) => {
    return (react_1.default.createElement("div", { className: "front-infographic" },
        react_1.default.createElement("span", { className: "bg-circle" }),
        front_page_content_jsx_1.frontPage.infographic.map((item, index) => (react_1.default.createElement("div", { key: index, className: "infograph-block", id: item.htmlID },
            react_1.default.createElement("span", null,
                react_1.default.createElement("img", { src: item.image, alt: "", loading: "lazy", width: "312", height: "349" })),
            react_1.default.createElement("div", { className: "info-card" },
                react_1.default.createElement("h3", null, item.name),
                react_1.default.createElement("div", null, item.content))))),
        react_1.default.createElement("div", { className: "view-docs" },
            react_1.default.createElement("h3", null, "Want to get started?"),
            "Check out the",
            ' ',
            react_1.default.createElement("a", { href: "https://docs.openneuro.org/user-guide" }, "OpenNeuro User Documentation"))));
};
exports.Infographic = Infographic;
