"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.ModalityCube = void 0;
const react_1 = __importDefault(require("react"));
const ModalityCube = ({ label, stats, cubeImage, onClick, }) => {
    return (react_1.default.createElement("li", { className: "hex", onClick: onClick('search/modality/' + label.toLowerCase()) },
        react_1.default.createElement("div", { className: 'hexIn ' + label.toLowerCase() + '-cube' },
            react_1.default.createElement("div", null,
                react_1.default.createElement("div", { className: "img", style: { backgroundImage: `url(${cubeImage})` } },
                    react_1.default.createElement("div", { className: "modality-cube" },
                        react_1.default.createElement("div", { className: "front" },
                            react_1.default.createElement("span", { className: "label" }, label)),
                        react_1.default.createElement("div", { className: "top" }),
                        react_1.default.createElement("div", { className: "right" })),
                    react_1.default.createElement("h3", { className: "content1" }, label),
                    react_1.default.createElement("div", { className: "content2" }, stats))))));
};
exports.ModalityCube = ModalityCube;
