{"version":"1.0","type":"rich","title":"Menus","description":"A React-based menu interface displays a dropdown for selecting a pet from a fixed list of options (goldfish, dog, cat, hamster, parrot, spider, and b). The component uses React’s `useState` hook to manage the currently selected value and logs each selection to the console. The `Dropdown` component is created as a reusable function that renders a native HTML `<select>` element, mapping options to `<option>` tags and triggering a callback on change. ReactDOM renders the app into the `#root` div, with styling applied via embedded CSS that enlarges labels and selects.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/827a3857f8c744c0bcc84fd988a0e031?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}