/*!
 * Built by ShiftSoftware
 * Copyright (c)
 */
import { h } from "@stencil/core";
import cn from "../../global/lib/cn";
export const ImageViewer = ({ expandedImage, style = {}, imageStyle = {}, closeImageViewer }) => {
    return (h("div", null, h("div", { onClick: closeImageViewer, class: cn('image-viewer-overlay', { active: expandedImage }), style: Object.assign({ backdropFilter: expandedImage ? 'blur(3px)' : 'blur(0px)' }, style) }, h("button", { class: "image-viewer-close-btn" }, h("div", { class: "image-viewer-close-line first" }), h("div", { class: "image-viewer-close-line second" }))), h("img", { style: imageStyle, alt: "", class: "image-viewer-expanded-image" })));
};
