import { useSSRContext, ref, mergeProps } from 'vue';
import { ssrRenderAttrs, ssrRenderAttr } from 'vue/server-renderer';

const _sfc_main = {
  __name: "PlayVideo",
  __ssrInlineRender: true,
  props: {
    src: {
      required: true
    },
    url: {
      required: false,
      default: false
    }
  },
  setup(__props) {
    ref();
    ref();
    return (_ctx, _push, _parent, _attrs) => {
      if (__props.url) {
        _push(`<iframe${ssrRenderAttrs(mergeProps({
          width: "100%",
          height: "100%",
          src: __props.src,
          title: "YouTube video player",
          frameborder: "0",
          allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
          allowfullscreen: "",
          class: "how_it_work_content w-full h-full flex max-h-[500px] relative max-w-[800px] rounded-3xl overflow-hidden"
        }, _attrs))}></iframe>`);
      } else {
        _push(`<div${ssrRenderAttrs(mergeProps({ class: "how_it_work_content w-full h-full flex max-h-[500px] relative max-w-[800px] rounded-3xl overflow-hidden" }, _attrs))}>`);
        if (__props.src) {
          _push(`<video class="w-full rounded-3xl bg-black"><source${ssrRenderAttr("src", __props.src)} type="video/mp4"></video>`);
        } else {
          _push(`<!---->`);
        }
        _push(`<button class="play bg-[#000000a2] absolute left-0 top-0 flex justify-center items-center w-full h-full" type="button"><span class="w-16 h-16 rounded-full border border-white flex justify-center items-center"><i class="fas fa-play text-white text-2xl"></i></span></button></div>`);
      }
    };
  }
};
const _sfc_setup = _sfc_main.setup;
_sfc_main.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/PlayVideo.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};

export { _sfc_main as _ };
//# sourceMappingURL=PlayVideo-YRE_Sr6i.mjs.map
