import Navigation from "../../Utils/Navigation";
import FieldLabelElement from "../Detail/FieldLabel";
import Image from "../Image/Image";
import React from "react";
const ImageTilesElement = (props) => {
    return (React.createElement("div", null,
        React.createElement("div", null,
            React.createElement(FieldLabelElement, { title: props.title, description: props.description })),
        React.createElement("div", { className: "flex mt-5 mb-5 space-x-5" }, props.tiles.map((tile, i) => {
            return (React.createElement("div", { key: i, className: "p-3 cursor-pointer pb-5", onClick: () => {
                    Navigation.navigate(tile.navigateToUrl, {
                        openInNewTab: true,
                    });
                } },
                React.createElement("div", null,
                    React.createElement(Image, { className: "h-20 w-20", imageUrl: tile.image })),
                React.createElement("div", { className: "text-sm text-gray-400 w-full text-center mt-2" }, tile.title)));
        }))));
};
export default ImageTilesElement;
//# sourceMappingURL=ImageTiles.js.map