"use client";
import { standardBorderRadius } from "../../styles/common.js";
import styled from "@emotion/styled";
import { jsx } from "@emotion/react/jsx-runtime";
//#region src/components/documentation/Video.tsx
const Video = (props) => {
	if (props.youtubeEmbed) return /* @__PURE__ */ 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__ */ jsx(StyledVideo, {
		controls: true,
		...props
	});
};
const StyledVideo = styled.video`
  width: 100%;
  height: auto;
  ${standardBorderRadius(16)};
`;
const StyledYoutubeEmbed = styled.iframe`
  width: 100%;
  ${standardBorderRadius(16)};
`;
//#endregion
export { Video };
