import{createAttr as e,createStyle as t,createClass as l}from"@gem-sdk/system";import{template as o,getResponsiveValueByScreen as s,makeStyleResponsive as r}from"@gem-sdk/core";let a=({src:a,alt:m,style:d,poster:i,reveal:p,loaded:f,loading:u,arStatus:c,aspectRatio:b,modelIsVisible:g,cameraControls:k,dataJsFocusVisible:v,dataShopifyFeature:w="1.12"})=>{let n=e({src:a,alt:m,"data-shopify-feature":w,...d,...i?{poster:i}:{},...p?{reveal:p}:{},...f?{loaded:f}:{},...u?{loading:u}:{},...g?{modelIsVisible:g}:{},"ar-status":c,"camera-controls":k,...v?{"data-js-focus-visible":v}:{}}),y=t((()=>{let e={desktop:s(b,"desktop")||"1/1",tablet:s(b,"tablet")||"1/1",mobile:s(b,"mobile")||"1/1"};return{...r("aspect",e)}})()),$=l({"gp-w-full gp-h-full model-viewer gp-z-[90]":!0});return o`
    <model-viewer
      ${{...n}}
      class="${$}"
      style="${y}">
    </model-viewer>
  `};export{a as default};
