Responsive and dynamic table and accordion (React JS)

I'd like to build a custom and responsive table and accordion using only React JS. I'd like it to be dynamic so I can pass in props (open to suggestions!) I'd like these two to be dynamic components so I can reuse them everywhere in my project. Attached are the designs for the desired table and accordion.

Here the link to the designs - https://drive.google.com/drive/folders/1k2hcBKmdu_Hfz4B5jReVGkT2Jl5Lz63l?usp=sharing