"use client";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const require_chunk = require("../../chunk-BN4qSVkS.cjs");
const require_styles_common = require("../../styles/common.cjs");
let _emotion_styled = require("@emotion/styled");
_emotion_styled = require_chunk.__toESM(_emotion_styled);
let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
//#region src/components/documentation/Video.tsx
const Video = (props) => {
	if (props.youtubeEmbed) return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(StyledYoutubeEmbed, {
		src: props.youtubeEmbed.src,
		height: props.youtubeEmbed.height,
		frameBorder: "0",
		allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
		allowFullScreen: true
	});
	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(StyledVideo, {
		controls: true,
		...props
	});
};
const StyledVideo = _emotion_styled.default.video`
  width: 100%;
  height: auto;
  ${require_styles_common.standardBorderRadius(16)};
`;
const StyledYoutubeEmbed = _emotion_styled.default.iframe`
  width: 100%;
  ${require_styles_common.standardBorderRadius(16)};
`;
//#endregion
exports.Video = Video;
