Function SuggestedQueries

components/suggested-queries.tsx:60–75

({ onSelectQuery }: SuggestedQueriesProps)

}

export default function SuggestedQueries({ onSelectQuery }: SuggestedQueriesProps) {
  return (
    <div className="grid grid-cols-1 md:grid-cols-2 gap-3 w-full">
      {SUGGESTED_QUERIES.map((query, index) => (
        <Button
          key={index}
          variant="outline"
          className="h-auto min-h-[60px] py-3 px-4 justify-start text-left"
          onClick={() => onSelectQuery(query.title)}
        >
          <span className="text-sm whitespace-normal">{query.title}</span>
        </Button>
      ))}
    </div>
  )
}