import { r as registerInstance, h, H as Host } from './index-7ec78587.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) {
    registerInstance(this, hostRef);
    this.darkMode = false;
  }
  render() {
    return (h(Host, { onMouseDown: () => console.log("fasdfasd"), style: { display: 'block', textAlign: '-webkit-center' } }, h("div", { class: this.containerClass }, h("img", { src: this.src, style: { height: `${this.height}px` }, class: this.darkMode ? 'dark-mode' : 'light-mode' }))));
  }
};
AkordImageViewer.style = akordImageViewerCss;

export { AkordImageViewer as akord_image_viewer };
