Create an Accordion UI component that renders multiple sections stacked vertically. Each section consists of a header and a corresponding content area. The content is shown or hidden based on user interaction. Example markup and an icon are provided to help demonstrate the expected structure.

Functional Requirements

When the component first loads, all sections should be collapsed and their content should not be visible.
Selecting a section header should toggle the visibility of its content.
If a section is currently closed, clicking its header should expand it and reveal the content.
If a section is already open, clicking its header should collapse it and hide the content.
Each section should operate independently, meaning opening one section should not affect the state of others.

Notes

This exercise focuses on behavior and logic, not visual design. Minimal styling is sufficient.
You are free to adjust the HTML structure if needed (for example, by adding identifiers, data attributes, or replacing elements).
Client-side rendering approaches are allowed.
If time permits, you may enhance usability or accessibility for extra credit during interviews.