1import{r as c,j as e}from"./index-B5b_SGiQ.js";function u({text:s,videoSrc:a,videoSrcWebm:t,poster:i,className:r="",bgColor:n="#0A0A0A"}){const l=`mask-${c.useId().replace(/:/g,"")}`;return e.jsx("div",{className:`relative w-full ${r}`,children:e.jsxs("div",{className:"relative w-full",style:{aspectRatio:"5 / 1"},children:[e.jsxs("video",{autoPlay:!0,muted:!0,loop:!0,playsInline:!0,preload:"metadata",poster:i,"aria-label":s,className:"absolute inset-0 h-full w-full object-cover",children:[t&&e.jsx("source",{src:t,type:"video/webm"}),e.jsx("source",{src:a,type:"video/mp4"})]}),e.jsxs("svg",{viewBox:"0 0 1000 200",preserveAspectRatio:"none",className:"absolute inset-0 h-full w-full","aria-hidden":"true",children:[e.jsx("defs",{children:e.jsxs("mask",{id:l,children:[e.jsx("rect",{x:"0",y:"0",width:"1000",height:"200",fill:"white"}),e.jsx("text",{x:"500",y:"100",textAnchor:"middle",dominantBaseline:"central",fontFamily:'"Anton", "Bebas Neue", Impact, sans-serif',fontWeight:400,fontSize:"220",letterSpacing:"-4",textLength:"980",lengthAdjust:"spacingAndGlyphs",fill:"black",style:{textTransform:"uppercase"},children:s})]})}),e.jsx("rect",{x:"0",y:"0",width:"1000",height:"200",fill:n,mask:`url(#${l})`})]})]})})}export{u as TextMaskedVideo};
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.