'use client';
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../grid/components/row/Row.liquid.js"),a=require("@gem-sdk/system"),l=require("./common/classes.js"),s=require("./common/styles.js"),r=require("./common/helpers.js");exports.default=({builderAttrs:i,builderProps:n,setting:c,style:o,children:d,rawChildren:g,advanced:m})=>{let{link:u,layout:y,width:$,verticalGutter:C,horizontalAlign:v,verticalAlign:f}=c??{};r.updateBackroundImageSrc({setting:c,collectionSrc:`{% if collection.image %} {{ collection.image.src | image_url}}  {% else %} ${r.defaultImageUrl} {% endif  %}`});let k=a.createClass({...l.getClassContainerBanner({builderProps:n,setting:c,advanced:m})}),p=a.createClass({...l.getClassContainerBackgoundImage({setting:c})}),q=a.createClass({...l.getClassOverlayBanner({setting:c})}),S=a.createClass({...l.getClassLinkBanner()}),B=a.createStyle({...s.getDimension({setting:c,style:o})}),I=a.createStyle({...s.getStyleOverlay({setting:c})}),j=a.createStyle({...s.getStyleContainerBackgoundImage({setting:c,hasCollectionImage:!1})});return e.template`
    <div ${{...i}} class="${k}" style="${B}">
      <div
        class="${p}"
        style="${j}"
      >
      </div>
      <div aria-label="Overlay" class="${q}" style="${I}"> </div>
      ${e.RenderIf(!!u?.link,`<a
          href="${u?.link}"
          target="${u?.target}"
          class="${S}"
        > </a>`)}
      ${t.default({setting:{layout:y,horizontalAlign:v,verticalAlign:f},styles:{verticalGutter:C,width:$,fullWidth:{desktop:!1,tablet:!1,mobile:!1}},style:o,children:d,rawChildren:g})}
    </div>
  `};
