import{j as e,P as i}from"./index-BVAJPyoi.js";import{C as r}from"./ComponentCard-2ewZxZ3E.js";import{P as l}from"./PageBreadCrumb-CUJRczU-.js";function a(){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:"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 t(){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 u(){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.jsx(l,{pageTitle:"Videos"}),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(a,{})})]}),e.jsxs("div",{className:"space-y-5 sm:space-y-6",children:[e.jsx(r,{title:"Video Ratio 21:9",children:e.jsx(t,{})}),e.jsx(r,{title:"Video Ratio 1:1",children:e.jsx(s,{})})]})]})]})}export{u as default};
