2 lines
2.2 KiB
JavaScript
2 lines
2.2 KiB
JavaScript
import{j as e}from"./chunk-UIGDSWPH-BhuNDbxn.js";import{C as r}from"./ComponentCard-C2b5w2__.js";import{P as i}from"./main-af3pcbZa.js";function l(){return e.jsx("div",{className:"aspect-4/3 overflow-hidden rounded-lg",children:e.jsx("iframe",{src:"https://www.youtube.com/embed/dQw4w9WgXcQ",title:"YouTube video",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,className:"w-full h-full"})})}function a(){return e.jsx("div",{className:"overflow-hidden rounded-lg aspect-square",children:e.jsx("iframe",{src:"https://www.youtube.com/embed/dQw4w9WgXcQ",title:"YouTube video",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,className:"w-full h-full"})})}function o(){return e.jsx("div",{className:"aspect-4/3 overflow-hidden rounded-lg",children:e.jsx("iframe",{src:"https://www.youtube.com/embed/dQw4w9WgXcQ",title:"YouTube video",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,className:"w-full h-full"})})}function s(){return e.jsx("div",{className:"aspect-21/9 overflow-hidden rounded-lg",children:e.jsx("iframe",{src:"https://www.youtube.com/embed/dQw4w9WgXcQ",title:"YouTube video",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,className:"w-full h-full"})})}function n(){return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"React.js Videos Tabs | TailAdmin - React.js Admin Dashboard Template",description:"This is React.js Videos page for TailAdmin - React.js Tailwind CSS Admin Dashboard Template"}),e.jsxs("div",{className:"grid grid-cols-1 gap-5 sm:gap-6 xl:grid-cols-2",children:[e.jsxs("div",{className:"space-y-5 sm:space-y-6",children:[e.jsx(r,{title:"Video Ratio 16:9",children:e.jsx(o,{})}),e.jsx(r,{title:"Video Ratio 4:3",children:e.jsx(l,{})})]}),e.jsxs("div",{className:"space-y-5 sm:space-y-6",children:[e.jsx(r,{title:"Video Ratio 21:9",children:e.jsx(s,{})}),e.jsx(r,{title:"Video Ratio 1:1",children:e.jsx(a,{})})]})]})]})}export{n as default};
|