import { type ReactNode } from 'react';

import { type ParticipationItem } from '../../../types';

export type ParticipationListProps = {
  items: ParticipationItem[] | undefined;
  isLoading?: boolean;
  isPreviousData?: boolean;
  noDataMessage: string;
  emptyState: {
    title: string;
    description: string;
  };
  formatRatioLabel: (completed: number, total: number) => ReactNode;
  renderChildren?: (item: ParticipationItem, isExpanded: boolean) => ReactNode;
  depth?: number;
};
