"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),styles=require("../common/styles.js"),system=require("@gem-sdk/system");const MarqueeBase=e=>{let{style:s={},autoFill:t=!1,play:r=!0,pauseOnHover:l=!1,pauseOnClick:a=!1,direction:i="left",delay:c=0,loop:y=0,children:m,isFullWidthResponsive:d}=e??{},o=system.createStyle(styles.getContainerBaseStyle({style:s,play:r,pauseOnHover:l,pauseOnClick:a})),u=system.createStyle(styles.getMarqueeBaseStyle({play:r,direction:i,delay:c,loop:y,autoFill:t,isFullWidthResponsive:d})),v=system.createStyle(styles.getChildBaseStyle(i,d));return core.template`
  <div style="${o}" class="rfm-marquee-container">
    <div class="rfm-marquee" style="${u}">
      <div class="rfm-initial-child-container">
        ${core.template`
        <div style="${v}" class="${"rfm-child"}">
          ${m}
        </div>
        `}
      </div>
    </div>
    <div class="rfm-marquee placeholder-marquee" style="${u}"></div>
  </div>
  `};exports.default=MarqueeBase;
