import type { ComponentType, ReactNode } from 'react';
import type { ResultItemProps, SearchType } from '../../../types/search';

export type SearchResultItemComponent = ComponentType<ResultItemProps<SearchType>>;

export function renderSearchResultItem(
  SearchResultItem: SearchResultItemComponent | undefined,
  props: ResultItemProps<SearchType>,
  fallback: ReactNode,
): ReactNode {
  if (!SearchResultItem) {
    return fallback;
  }
  return <SearchResultItem {...props} />;
}