import React from "react";
import { Logo } from "../logo/Logo";
import { frontPage } from "../content/front-page-content.jsx";
export const Contributors = () => {
    return (React.createElement("div", { className: "contributors" },
        React.createElement("div", { className: "container" },
            React.createElement("div", { className: "contributor-logo-header" },
                React.createElement(Logo, { dark: true, horizontal: false }),
                React.createElement("h3", null,
                    "Support for ",
                    frontPage.pageTitle,
                    " provided by")),
            React.createElement("div", { className: "contributors-wrap" }, frontPage.support.map((item, index) => (React.createElement("div", { key: index, className: "contributor" },
                React.createElement("a", { href: item.link, title: item.title },
                    React.createElement("img", { src: item.logo, alt: item.alt, loading: "lazy" })))))))));
};
