'use client';
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),r=require("next/head"),i=require("../../grid/components/ChildrenDroppable.js");require("react");var t=require("../../common/const.js"),a=require("../hooks/useSticky.js"),l=require("@gem-sdk/system"),d=require("../common/styles.js"),o=require("../common/classes.js");exports.default=({children:c,builderAttrs:u,setting:n,style:m,builderProps:g,advanced:j,pageContext:x})=>{let p=s.useEditorMode(),{background:h,preloadBgImage:q,isScrollToTop:y}=n??{},{positionStyle:C,displayStyle:k,makeDisplaySettingStyles:f,getCSSAlign:b,w:E}=a.default(n),v=l.createStyle({margin:"0 auto",...k,...b,...C,zIndex:t.ELEMENT_Z_INDEX.STICKY,..."edit"!==p&&f}),S=l.createStyle(d.getContentStyles({setting:n,style:m,uid:g?.uid,pageContext:x??{}})),_=l.createClass(o.getContainerClasses({uid:g?.uid,isScrollToTop:y,cssClass:j?.cssClass,isLiquid:!1}));return e.jsxs(e.Fragment,{children:[!!q&&e.jsxs(r,{children:[!!h?.desktop?.image?.src&&e.jsx("link",{rel:"preload",href:h.desktop.image.src,as:"image"}),!!h?.tablet?.image?.src&&e.jsx("link",{rel:"preload",href:h.tablet.image.src,as:"image"}),!!h?.mobile?.image?.src&&e.jsx("link",{rel:"preload",href:h.mobile.image.src,as:"image"})]}),e.jsx("div",{className:_,id:g?.uid,style:{...E,...v},children:e.jsx("div",{...u,"data-id":g?.uid,style:S,children:s.isEmptyChildren(c)?e.jsx(i.default,{}):c})})]})};
