1import{r as s,j as e}from"./vendor-ui-Cp0o_ERz.js";import{d as j,V as v,k as d,E as n,aJ as w}from"./index-U2qI6hth.js";import{u as g}from"./useUseCaseVideo-DO_24EuM.js";import"./vendor-charts-BTyV52R2.js";import"./vendor-query-Bv5ntzP6.js";import"./vendor-react-DblKtrgV.js";import"./vendor-motion-P7V77m0j.js";import"./vendor-supabase-B0Jha54I.js";const M=s.forwardRef(function(N,r){const[o,c]=s.useState(!1),[a,u]=s.useState(null),t=s.useRef(null),{videoUrl:l,thumbnailUrl:m,isLoading:x}=g({slug:"showcase-studio-demo",placement:"hero"}),h=()=>{t.current&&(t.current.play(),c(!0))},f=()=>{if(t.current){const i=Math.floor(t.current.duration),p=Math.floor(i/60),b=i%60;u(`${p}:${b.toString().padStart(2,"0")}`)}};return x?e.jsx("div",{ref:r,children:e.jsx(j,{className:"aspect-video rounded-2xl w-full"})}):l?e.jsx("div",{ref:r,className:"aspect-video rounded-2xl overflow-hidden border border-border shadow-2xl",children:e.jsxs("div",{className:"relative w-full h-full",children:[e.jsx("video",{ref:t,src:l,poster:m||void 0,controls:o,muted:!0,playsInline:!0,preload:"metadata",className:"w-full h-full object-cover",onLoadedMetadata:f}),!o&&e.jsxs("button",{onClick:h,className:"group absolute inset-0 flex items-center justify-center bg-black/10 hover:bg-black/20 cursor-pointer transition-all duration-300","aria-label":"Play demo video",children:[e.jsx("div",{className:"relative z-10 w-16 h-16 rounded-full bg-white/10 backdrop-blur-md border border-white/20 flex items-center justify-center shadow-lg opacity-70 group-hover:opacity-100 group-hover:scale-105 transition-all duration-300",children:e.jsx(w,{className:"w-6 h-6 text-white ml-0.5"})}),a&&e.jsxs(d,{className:"absolute bottom-3 right-3 z-10 bg-black/70 text-white border-0 text-xs flex items-center gap-1",children:[e.jsx(n,{className:"w-3 h-3"}),a]})]})]})}):e.jsxs("div",{ref:r,className:"aspect-video rounded-2xl overflow-hidden border border-border bg-muted/50 flex flex-col items-center justify-center gap-3",children:[e.jsx("div",{className:"w-16 h-16 rounded-full bg-primary/10 flex items-center justify-center",children:e.jsx(v,{className:"w-7 h-7 text-primary"})}),e.jsxs("div",{className:"text-center px-4",children:[e.jsx("p",{className:"text-sm font-semibold mb-1",children:"Demo Video Coming Soon"}),e.jsx("p",{className:"text-xs text-muted-foreground max-w-xs",children:"See the full Showcase Studio workflow â from product photo or URL to finished video ad in minutes."})]}),e.jsxs(d,{variant:"secondary",className:"text-xs",children:[e.jsx(n,{className:"w-3 h-3 mr-1"}),"~60s walkthrough"]})]})});export{M as default};
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.