import{template as e,makeStyleResponsive as r}from"@gem-sdk/core";import{createAttr as t,createStyle as o,createClass as a}from"@gem-sdk/system";let DEFAULT_CLASS="feature-video gp-w-full gp-h-full gp-relative",DEFAULT_ALLOW="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",Video=({src:i,alt:l,style:p,autoplay:m,controls:s,aspectRatio:L,allowfullscreen:c,frameborder:d="0",allow:f=DEFAULT_ALLOW,className:u=DEFAULT_CLASS})=>{let A=()=>({[u]:!0}),g=()=>({...r("aspect",L)}),y=()=>({src:i,alt:l,allow:f,frameborder:d,...p,...m?{autoplay:m}:{},...s?{controls:s}:{},...c?{allowfullscreen:c}:{}}),D=t(y()),E=o(g()),F=a(A());return e`
    <iframe
      ${{...D}}
      style="${E}"
      class="${F}"
    >
    </iframe>
  `};export{Video as default};
