"use client";
// Adapted from Magic UI (MIT). See THIRD_PARTY_NOTICES.md.
import { Children, type ComponentProps, type CSSProperties } from "react";
export function AnimatedList({
  children,
  className = "",
  ...props
}: ComponentProps<"ul">) {
  return (
    <ul {...props} className={`ynr-animated-list ${className}`}>
      {Children.map(children, (child, i) => (
        <li style={{ "--animated-list-index": i } as CSSProperties}>{child}</li>
      ))}
    </ul>
  );
}