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 MarqueeBase=a=>{let{style:l={},autoFill:t=!1,play:d=!0,pauseOnHover:o=!1,pauseOnClick:c=!1,direction:f="left",delay:v=0,loop:u=0,children:n,isFullWidthResponsive:$}=a??{},q=m(r({style:l,play:d,pauseOnHover:o,pauseOnClick:c})),y=m(s({play:d,direction:f,delay:v,loop:u,autoFill:t,isFullWidthResponsive:$})),p=m(i(f,$));return e`
  <div style="${q}" class="rfm-marquee-container">
    <div class="rfm-marquee" style="${y}">
      <div class="rfm-initial-child-container">
        ${e`
        <div style="${p}" class="${"rfm-child"}">
          ${n}
        </div>
        `}
      </div>
    </div>
    <div class="rfm-marquee placeholder-marquee" style="${y}"></div>
  </div>
  `};export{MarqueeBase as default};
