import { useProp, useRef, h } from 'atomico';
import { Option } from 'funfix';
import { g as getComponentOrDefine } from './chunks/65ef80fe.js';
import { m as mockStyle } from './chunks/b7110801.js';
import Eplayer from 'eplayer';

const _jsxFileName = "/Users/rang/rang/frond_ng/packages/six/src/components/kun-video-player/kun-video-player.tsx";/* eslint-disable */
  //注册 customElement
customElements.define('e-player', Eplayer);

const KunVideoPlayer = () => {

  const [url] = useProp("url");

  const [height] = useProp("height");
  const r = useRef();
  const heightVideo = Option.of(height).getOrElse(400);
  return (
    h('host', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 23}}
      , h('style', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 24}}, mockStyle)
      , h('div', { className: "w-full", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 25}} 
        , h('e-player', { src: url, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 26}})
      )
    )
  );
};

KunVideoPlayer.props = {
  height: {
    type: Number,
    reflect: true,
    event: {
      type: "changeMessage",
    },
  },
  url: {
    type: String,
    value: "kun-video-player",
    reflect: true,
    event: {
      type: "changeMessage",
    },
  },
};

var kunVideoPlayer = getComponentOrDefine("kun-video-player", KunVideoPlayer);

export default kunVideoPlayer;
