"use client";
import {
  standardBorderRadius
} from "../../chunk-HGZGGJQB.js";
import "../../chunk-VAH342U2.js";
import "../../chunk-KCUSJWDZ.js";
import "../../chunk-ISDKKT5U.js";
import "../../chunk-PHQ6NFOZ.js";
import "../../chunk-S5AV3X5O.js";
import "../../chunk-JSGRNWSB.js";
import "../../chunk-MIIIUXV6.js";
import {
  __spreadValues
} from "../../chunk-W7FAWX6T.js";

// src/components/documentation/Video.tsx
import styled from "@emotion/styled";
import { jsx } from "@emotion/react/jsx-runtime";
var 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, __spreadValues({ controls: true }, props));
};
var StyledVideo = styled.video`
  width: 100%;
  height: auto;
  ${standardBorderRadius(16)};
`;
var StyledYoutubeEmbed = styled.iframe`
  width: 100%;
  ${standardBorderRadius(16)};
`;
export {
  Video
};
