'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-acbe72ca.js');

const akordImageViewerCss = "akord-image-viewer{--cursor-dark:url(\"/assets/dark_zoom.svg\"), zoom-in;--cursor-light:url(\"/assets/light_zoom.svg\"), zoom-in}akord-image-viewer .dark-mode{cursor:var(--cursor-dark)}akord-image-viewer .light-mode{cursor:var(--cursor-light)}akord-image-viewer .drag{cursor:grab}";

let AkordImageViewer = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    this.darkMode = false;
  }
  render() {
    return (index.h(index.Host, { style: { display: 'block', textAlign: '-webkit-center' } }, index.h("div", { class: this.containerClass }, index.h("img", { src: this.src, style: { height: `${this.height}px` }, class: this.darkMode ? 'dark-mode' : 'light-mode' }))));
  }
};
AkordImageViewer.style = akordImageViewerCss;

exports.akord_image_viewer = AkordImageViewer;
