/* eslint-disable @typescript-eslint/no-explicit-any */
import * as React from 'react';

/**
 * Recursively clones React children, adding additional props to components with matched display names.
 *
 * @param children - The node(s) to be cloned.
 * @param additionalProps - The props to add to the matched components.
 * @param displayNames - An array of display names to match components against.
 * @param asChild - Indicates whether the parent component uses the Slot component.
 * @param uniqueId - A unique ID prefix from the parent component to generate stable keys.
 *
 * @returns The cloned node(s) with the additional props applied to the matched components.
 */
export function recursiveCloneChildren(
  children: React.ReactNode,
  additionalProps: any,
  displayNames: string[],
  uniqueId: string,
  asChild?: boolean,
): React.ReactNode | React.ReactNode[] {
  const mappedChildren = React.Children.map(
    children,
    (child: React.ReactNode, index) => {
      if (!React.isValidElement(child)) {
        return child;
      }

      const displayName =
        (child.type as React.ComponentType)?.displayName || '';
      const newProps = displayNames.includes(displayName)
        ? additionalProps
        : {};

      const childProps = (child as React.ReactElement<any>).props;

      return React.cloneElement(
        child,
        { ...newProps, key: `${uniqueId}-${index}` },
        recursiveCloneChildren(
          childProps?.children,
          additionalProps,
          displayNames,
          uniqueId,
          childProps?.asChild,
        ),
      );
    },
  );

  return asChild ? mappedChildren?.[0] : mappedChildren;
}