This week, you will be styling the status filter based on Josh’s Figma Hi-Fis:

Don't worry too much about the filtering functionalities. We just want the styling correct for now!
Here is what you will do:

1. Create a component for the style of the opened status filter (for this check what Ethan did for his TechnologyFilter component and do something similar - the props you pass in should be the same)
   a. Take a look at how ethan created this component for some help: https://github.com/calblueprint/ace-ny/pull/67/files#diff-e2af115dfcd76c74bc0e42a43ed309c7f3804e967cb5d470b80635c6ddc46c95
2. Here are a few things to keep in mind
   a. Make sure to use styled components and the global texts!
   b. The status filter is a single-select filter
   c. This opened filter should be a div which contains a button that when clicked will close this filter, and the checkbutton status options
   d. The apply button should change color when the user selects a status to filter by!
   e. The component should look like this:

9. Go to the Filter component, and index.tsx. You will need to call your status filter component and pass in the props like this:
   selectedTechnologies={selectedFilters.status}
   setSelectedTechnologies={filterChangeHandlers.status}
   handleButtonClick={handleButtonClick}
   icon={filter.icon}
   label={filter.label}
   currFilter={filter}
   a. What should happen is when you click on the status filter bar it will open.

If you need help / an example of how this works, check Ethan’s sprint from last week:

• [feat] [style] Create and Style Filters Dropdown #67