1import{d as i,r,j as e}from"./index-xiHmsbwW.js";const c=[["path",{d:"M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",key:"10ikf1"}]],n=i("play",c);function u({videoId:a,title:t}){const[s,l]=r.useState(!1),o=`https://i.ytimg.com/vi/${a}/hqdefault.jpg`;return e.jsx("div",{className:"relative w-full aspect-video overflow-hidden rounded-2xl shadow-elevated border bg-black",children:s?e.jsx("iframe",{className:"absolute inset-0 w-full h-full",src:`https://www.youtube.com/embed/${a}?autoplay=1&rel=0`,title:t??"YouTube video",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}):e.jsxs("button",{type:"button",onClick:()=>l(!0),className:"group absolute inset-0 w-full h-full","aria-label":t??"Play video",children:[e.jsx("img",{src:o,alt:t??"Video thumbnail",className:"absolute inset-0 w-full h-full object-cover",loading:"lazy"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-black/50 via-black/10 to-transparent"}),e.jsx("div",{className:"absolute inset-0 grid place-items-center",children:e.jsx("div",{className:"size-16 md:size-20 rounded-full bg-accent text-accent-foreground grid place-items-center shadow-elevated group-hover:scale-110 transition",children:e.jsx(n,{className:"size-8 md:size-10 fill-current ml-1"})})}),t&&e.jsx("div",{className:"absolute bottom-0 inset-x-0 p-4 text-left",children:e.jsx("p",{className:"text-white text-sm md:text-base font-semibold drop-shadow",children:t})})]})})}export{u as L,n as P};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.