import React from "react";
export const ModalityCube = ({ label, stats, cubeImage, onClick, }) => {
    return (React.createElement("li", { className: "hex", onClick: onClick("search/modality/" + label.toLowerCase()) },
        React.createElement("div", { className: "hexIn " + label.toLowerCase() + "-cube" },
            React.createElement("div", null,
                React.createElement("div", { className: "img", style: { backgroundImage: `url(${cubeImage})` } },
                    React.createElement("div", { className: "modality-cube" },
                        React.createElement("div", { className: "front" },
                            React.createElement("span", { className: "label" }, label)),
                        React.createElement("div", { className: "top" }),
                        React.createElement("div", { className: "right" })),
                    React.createElement("h3", { className: "content1" }, label),
                    React.createElement("div", { className: "content2" }, stats))))));
};
