"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client";


var _chunkRSHN4K6Ncjs = require('../../chunk-RSHN4K6N.cjs');
require('../../chunk-OBHJBBPC.cjs');
require('../../chunk-N6HLM4KC.cjs');
require('../../chunk-RTBR3MYS.cjs');
require('../../chunk-VUI7MCNE.cjs');
require('../../chunk-XUHJLDRX.cjs');
require('../../chunk-KW3JYLRI.cjs');
require('../../chunk-QQDRBCBY.cjs');


var _chunkZ6EUSUADcjs = require('../../chunk-Z6EUSUAD.cjs');

// src/components/documentation/Video.tsx
var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
var _jsxruntime = require('@emotion/react/jsx-runtime');
var Video = (props) => {
  if (props.youtubeEmbed) {
    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
      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__ */ _jsxruntime.jsx.call(void 0, StyledVideo, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { controls: true }, props));
};
var StyledVideo = _styled2.default.video`
  width: 100%;
  height: auto;
  ${_chunkRSHN4K6Ncjs.standardBorderRadius.call(void 0, 16)};
`;
var StyledYoutubeEmbed = _styled2.default.iframe`
  width: 100%;
  ${_chunkRSHN4K6Ncjs.standardBorderRadius.call(void 0, 16)};
`;


exports.Video = Video;
