Create tabs using a multi-state box

$w.onReady(function () {   const greenColor = "#B1D3BB"; // For selected tab const whiteColor = "#FFFFFF"; // For other tabs   $w('#keyboardsButton').onClick(() => { $w('#ergonomicsStatebox').changeState("keyboardsState"); });   $w('#chairsButton').onClick(() => { $w('#ergonomicsStatebox').changeState("chairsState"); });   $w('#desksButton').onClick(() => { $w('#ergonomicsStatebox').changeState("desksState"); });   $w('#lightingButton').onClick(() => { $w('#ergonomicsStatebox').changeState("lightingState"); });    $w("#ergonomicsStatebox").onChange((event) => {   const buttonNames = ["keyboards", "chairs", "desks", "lighting"];   buttonNames.forEach(buttonName => { let button = $w("#" + buttonName + "Button"); // e.g. $w("#keyboardsButton") let state = buttonName + "State"; // e.g. keyboardsState   if (event.target.currentState.id === state) { button.style.backgroundColor = greenColor;   } else { button.style.backgroundColor = whiteColor;   } }); }); });