import { r as registerInstance, h, H as Host } from './index-7ec78587.js';

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

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

export { AkordAudioViewer as akord_audio_viewer };
