We'll need a select list Vue component for media search filters. OOUI has a SelectWidget, but we're using the TabOptionWidget which is styled differently and is meant to appear alongside tab headers. We should review the OOUI code and determine the simplest approach for this use case.

The current filter looks like this:

Acceptance criteria:

• The select list component matches the design for the media search filters (and therefore OOUI styles)
• OOUI styles and accessibility features are recreated

COVID-19 Deployment Criteria

• Can you roll back this change without lasting impact? - Yes
  1. A recovery plan is required as this will help identify our capacity for recovering from the failure
  2. THIS IS A KEY QUESTION, if you can’t answer it, you shouldn’t deploy

• Is specialized knowledge required to support this change in production? If so, are there multiple people with this knowledge? - Not needed

• Is there a way to increase confidence about the correctness of this change? Code review and manual testing locally; testing in production will happen with parent task
  1. Reviews (Design, Code, etc)
  2. Testing coverage (unit tests, integration tests)
  3. Manual testing (e.g. Beta, vagrant, docker)