import{R as l,L as c}from"./react-vendor-0bvDbF03.js";import{P as m,b as n,e as d,Y as x,V as h}from"./index-C-Kzd2Hj.js";import{j as e}from"./query-vendor-CZu0EHPe.js";import{u as p}from"./i18n-vendor-Bg2yf_Zw.js";import{P as g}from"./play-Z9FaJ7qr.js";const o=({children:t})=>{const s=t.split("StorySparkle");return s.length===1?e.jsx(e.Fragment,{children:t}):e.jsx(e.Fragment,{children:s.map((a,r)=>e.jsxs(l.Fragment,{children:[a,r<s.length-1&&e.jsx(m,{})]},r))})},u=l.forwardRef(({as:t="div",className:s,children:a,...r},i)=>l.createElement(t,{ref:i,className:n("container",s),...r},a));u.displayName="PageContainer";const v=({video:t,featured:s=!1})=>{const{t:a}=p("watch"),{getLocalizedPath:r}=d();return e.jsxs(c,{to:r(`/watch/${t.slug}`),className:n("page-card group flex overflow-hidden transition-shadow hover:shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-nature-coral",s?"flex-col md:flex-row":"flex-col"),children:[e.jsxs("div",{className:n("relative shrink-0 overflow-hidden",s?"md:w-1/2":""),children:[e.jsx("img",{src:x(t),alt:"",width:1280,height:720,loading:"lazy",decoding:"async",className:"aspect-video w-full object-cover transition-transform duration-300 group-hover:scale-[1.03]"}),e.jsx("span",{className:"absolute inset-0 flex items-center justify-center opacity-0 transition-opacity group-hover:opacity-100",children:e.jsx("span",{className:"flex h-14 w-14 items-center justify-center rounded-full bg-nature-coral shadow-lg",children:e.jsx(g,{className:"ml-0.5 h-6 w-6 text-white",fill:"currentColor"})})}),e.jsx("span",{className:"absolute bottom-2 right-2 rounded-md bg-ink/80 px-1.5 py-0.5 font-mono text-xs tabular-nums text-white",children:h(t.seconds)})]}),e.jsxs("div",{className:n("flex flex-col gap-2 p-4",s&&"md:justify-center md:p-6"),children:[e.jsx("h3",{className:n("font-bold text-ink",s?"text-lg lg:text-2xl":"text-base"),children:e.jsx(o,{children:a(`videos.${t.slug}.title`)})}),e.jsx("p",{className:n("text-sm text-nature-forest",s?"line-clamp-4":"line-clamp-3"),children:e.jsx(o,{children:a(`videos.${t.slug}.description`)})})]})]})};export{o as B,u as P,v as V};