'use strict';

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

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

const akordAudioViewerCss = "akord-audio-viewer audio{width:100%;margin-top:50%}";

let AkordAudioViewer = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    this.loading = true;
  }
  onCanPlay() {
    this.loading = false;
  }
  render() {
    return (index.h(index.Host, { style: { display: 'block', width: `${this.width}px`, height: `${this.height}px` } }, index.h("audio", { controls: true, onCanPlay: () => this.onCanPlay(), src: this.src }, "Video playback is not supported by your browser.")));
  }
};
AkordAudioViewer.style = akordAudioViewerCss;

exports.akord_audio_viewer = AkordAudioViewer;
