UI Component: Filtered List With Max-Highlight

Context

Implement a small web UI component (e.g., in a modern frontend framework) that receives an array of items with the shape { name: string, amount: number }. The component must render the list, support text and numeric filtering, and highlight the item name(s) whose amount is the maximum among the currently filtered items.

Requirements

1. Render the list of items.
2. Provide two filters:
   • Text search: case-insensitive substring match on name.
   • Minimum amount: numeric filter; only show items with amount ≥ minimum.
3. Within the currently filtered list:
   • Highlight the name(s) whose amount is the maximum.
   • Update the highlight in real time as search/filters change.
   • If multiple items share the maximum amount, highlight all corresponding names.
   • If the filtered list is empty, display a clear empty state and no highlight.
4. Explain your state management approach, how you compute the maximum efficiently after filtering, and the time/space complexity.
5. Describe test cases for edge conditions such as:
   • Empty input list
   • Very large lists
   • Ties for maximum
   • Non-ASCII names
   • Rapid typing in the search bar