Multiple Filters

Given a list of products and a list of filters, create a multi-filters buttons bar with a list of filters. If any of the filter is clicked, the list of products should change and reflect the appropriate products.

User Stories

1. Create a <MultipleFilters /> component that takes care of the entire page, including filters bar and products list.
2. When a button or a filter is clicked, the products should change. For example, if Bags are clicked, the products list should only show products that have a category of Bags.
3. When an already selected filter is clicked, it should remove the clicked filtered from the list of active filters.
4. There can be more than 1 filter at a time.
5. Selected filteres should have a different background color.
6. If no filters are selected, it should render out all the products which are provided in the items array.

Given to you is an items file that has products with name and category attributes.

name: string
category: string