| {active && ( | |
| <div className={styles.menu}> | |
| <div tabIndex='0' className={styles.menuItem}>Item A</div> | |
| <div tabIndex='0' className={styles.menuItem}>Item B</div> | |
| <div tabIndex='0' className={styles.menuItem} onKeyDown={e => closeMenu(e)}>Item C</div> | |
| </div> | |
| )} |