// Adapted from Kibo UI (MIT), with owned React/CSS APIs. See THIRD_PARTY_NOTICES.md.
"use client";
import { Children, type ComponentProps } from "react";
export function AvatarStack({
  className = "",
  children,
  ...props
}: ComponentProps<"div">) {
  return (
    <div className={`ynr-avatar-stack ${className}`} {...props}>
      {Children.map(
        children,
        (child) =>
          child && <span className="ynr-avatar-stack-item">{child}</span>,
      )}
    </div>
  );
}