frontend/src/components/features/suggestions/suggestions.tsx

import { SuggestionItem, type Suggestion } from "./suggestion-item";

interface SuggestionsProps {
  suggestions: Suggestion[];
  onSuggestionClick: (value: string) => void;
}

export function Suggestions({

  suggestions,

  onSuggestionClick,

}: SuggestionsProps) {
  return (
    <ul data-testid="suggestions" className="flex flex-col gap-4 w-full">

      {suggestions.map((suggestion, index) => (

        <SuggestionItem

          key={index}

          suggestion={suggestion}

          onClick={onSuggestionClick}

        />

      ))}

    </ul>
  );
}