Live Search Filter

Build a search box that filters a list as you type. You practice controlled inputs and data derived from state.

• The interface: the controlled input and the list of fruits.
• Your job is the logic: decide which fruits are shown based on what was typed.
• Keep aria-label="Search fruit" and the text No results: the tests use them.

• At the start all the fruits are shown, each one in an li.
• The list only shows the fruits that contain the typed text.
• If none match, No results is shown and there are no list items.

• You open the challenge → you see Apple, Banana, Cherry, Mango and Pineapple.
• You type an → you see Banana and Mango.
• You type zzz → you see No results.

• Controlled inputs.
• Derived state: compute instead of duplicating.
• Conditional rendering.