Make a "SoundButton" component to toggle sounds on and off: - Component props: iconName, soundName. - Component state: soundOn. - Change soundOn when clicking the button. When soundOn is _true_, show the button background and start the sound. See the button designs below. - Sound URL example: https://devclass-projects-public.s3.us-east-2.amazonaws.com/ambient-app--react/heavy_rain.wav (You can see available sounds at https://devclass-projects-public.s3.us-east-2.amazonaws.com) <img width="303" height="277" alt="Image" src="https://github.com/user-attachments/assets/cca5e643-c3dd-423a-85e4-2ca4859de348" /> <img width="303" height="277" alt="Image" src="https://github.com/user-attachments/assets/37625c8d-b3d9-4cc7-890c-e2e2c2f928b8" />
Make a "SoundButton" component to toggle sounds on and off:
(You can see available sounds at https://devclass-projects-public.s3.us-east-2.amazonaws.com)