'use client';import { a as a$1 } from './chunk-TWGPE4V7.js';
import { cx } from '@onbeam/styled-system/css';
import { marquee } from '@onbeam/styled-system/recipes';
import { useReducedMotion } from '@onbeam/utils';
import { jsxs } from 'react/jsx-runtime';

var a=a$1(({as:i="div",children:m,speed:p=35e3,duplicationCount:n=15,className:l,...u},c)=>{let d=useReducedMotion(),e=marquee(),r=new Array(n).fill(m).join(" "),f=(p||1)*(r.length||1)/250,s={animationDuration:`${d?0:f}ms`};return jsxs(i,{ref:c,className:cx(e.root,l),...u,children:[jsxs("div",{className:e.scroll,style:s,children:[r,"\xA0"]}),jsxs("div",{className:e.scroll,style:s,"aria-hidden":!0,children:[r,"\xA0"]})]})});a.displayName="Marquee";

export { a };
//# sourceMappingURL=out.js.map
//# sourceMappingURL=chunk-76HTY53N.js.map