Changing a component to a variant after a variant from another component is clicked


I hope the screenshot I uploaded is actually attached.
I’m working with two sections of this mobile ordering app: the directory (Espresso, Coffee, and Signature in the pills at the top) and the menu (the group of items underneath - Espresso, Americano, Gibraltar, etc.) The menu is meant to change depending on which directory item is selected, so if “Coffee” is selected, the items underneath will change to “Drip”, “Chemex”, etc.
Right now, I have different variants of the directory so the selected pill will become highlighted, but I can’t figure out how to connect the directory and menu so different menu items will be available depending on the directory option selected. What steps should I take to make the two sections work together? Thank you guys for your help in advance!