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