import React from "react";
export const ModalityCube = ({ label, stats, portal = false, cubeImage, altText, cubeFaceImage, onClick, }) => {
    return (React.createElement("li", { className: "hex", onClick: portal
            ? onClick("search/" + label.toLowerCase())
            : 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" }, cubeFaceImage
                                ? (React.createElement("img", { style: { maxWidth: "120px" }, src: cubeFaceImage, alt: altText }))
                                : label)),
                        React.createElement("div", { className: "top" }),
                        React.createElement("div", { className: "right" })),
                    React.createElement("h3", { className: "content1" }, label),
                    React.createElement("div", { className: "content2" }, stats))))));
};
