"use client";
import { jsx, jsxs } from "react/jsx-runtime";
import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
import { registerRenderer } from "@wabbit/tome-blocks-core/render";
import { useMotionAdapters } from "../adapters/motion";
import styles from "./Marquee.module.css";
const BASE_ANIM_SPEED_PERCENT_UNITS = 0.075;
function useRowWidth(ref) {
  const [width, setWidth] = useState(0);
  const measure = useCallback(() => {
    if (!ref.current) return;
    requestAnimationFrame(() => {
      if (ref.current) {
        const next = ref.current.scrollWidth;
        if (next > 0) setWidth(next);