'use client';
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../hooks/useLiteVimeoEmbed.js"),s=require("@gem-sdk/system"),a=require("../common/classes.js"),l=require("../common/styles.js"),r=require("../common/helpers.js"),i=require("../../image/components/NextImage.js");exports.default=c=>{let{title:o,lazy:m,aspectRatio:u,poster:n}=c,{iframeSrc:d,videoId:g}=r.getVimeoParams(c),{addIframe:p,thumbnail:y,iframe:j}=t.default(m,g),x=c.thumbnail||y,C=s.createStyle({...l.getIframeVimeoStyle(u)}),f=s.createStyle({...l.getArticleVimeoStyle(u,x)}),h=s.createClass({...a.getArticleVimeoClasses(x,u)}),V=s.createClass({...a.getImageVimeoClasses(j)}),b=s.createClass({...a.getButtonVimeoClasses(j)}),q=s.createClass({...a.getIframeVimeoClasses()});return e.jsxs("article",{"aria-hidden":!0,className:h,"data-title":o,style:f,onClick:p,children:[e.jsx(i.default,{src:x,alt:n?.altText,title:n?.imageTitle,className:V,isDisableAspectStyle:!0,onClick:p}),e.jsx("button",{type:"button",className:b,"aria-label":"Play",children:e.jsx("svg",{className:"gp-w-5 gp-text-white",viewBox:"0 0 24 24",children:e.jsx("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"})})}),j&&e.jsx("iframe",{style:C,title:o,frameBorder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,src:d,className:q})]})};
