"use client";
import { ark } from "../factory.js";
import { useMarqueeContext } from "./use-marquee-context.js";
import { forwardRef } from "react";
import { mergeProps } from "@zag-js/react";
import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
//#region src/components/marquee/marquee-content.tsx
var MarqueeContent = forwardRef((props, ref) => {
	const { children, ...localProps } = props;
	const marquee = useMarqueeContext();
	return /* @__PURE__ */ jsx(Fragment$1, { children: Array.from({ length: marquee.contentCount }).map((_, index) => {
		const mergedProps = mergeProps(marquee.getContentProps({ index }), localProps);
		return /* @__PURE__ */ jsx(ark.div, {
			...mergedProps,
			ref: index === 0 ? ref : void 0,
			children
		}, index);
	}) });
});
MarqueeContent.displayName = "MarqueeContent";
//#endregion
export { MarqueeContent };
