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