'use client';
import{jsxs as e,jsx as t}from"react/jsx-runtime";import l from"../hooks/useLiteVimeoEmbed.js";import{createStyle as r,createClass as m}from"@gem-sdk/system";import{getArticleVimeoClasses as o,getImageVimeoClasses as a,getButtonVimeoClasses as i,getIframeVimeoClasses as s}from"../common/classes.js";import{getIframeVimeoStyle as c,getArticleVimeoStyle as n}from"../common/styles.js";import{getVimeoParams as p}from"../common/helpers.js";import d from"../../image/components/NextImage.js";let u=u=>{let{title:f,lazy:y,aspectRatio:h,poster:g}=u,{iframeSrc:b,videoId:j}=p(u),{addIframe:x,thumbnail:N,iframe:w}=l(y,j),k=u.thumbnail||N,C=r({...c(h)}),L=r({...n(h,k)}),V=m({...o(k,h)}),v=m({...a(w)}),B=m({...i(w)}),E=m({...s()});return e("article",{"aria-hidden":!0,className:V,"data-title":f,style:L,onClick:x,children:[t(d,{src:k,alt:g?.altText,title:g?.imageTitle,className:v,isDisableAspectStyle:!0,onClick:x}),t("button",{type:"button",className:B,"aria-label":"Play",children:t("svg",{className:"gp-w-5 gp-text-white",viewBox:"0 0 24 24",children:t("path",{fill:"currentColor",d:"M5 5.274c0-1.707 1.826-2.792 3.325-1.977l12.362 6.726c1.566.853 1.566 3.101 0 3.953L8.325 20.702C6.826 21.518 5 20.432 5 18.726V5.274Z"})})}),w&&t("iframe",{style:C,title:f,frameBorder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,src:b,className:E})]})};export{u as default};
