Approach for this project

[vikramvi]

• youtube video How a FAANG Senior Software Engineer stays productive

• Google "react how to create button component"

• Check different solutions

• Used below solution https://react.school/ui/button

https://codesandbox.io/s/react-buttons-and-tabs-6l1mr?from-embed=&file=/src/App.js

• How To Use Styled-Components In React https://www.smashingmagazine.com/2020/07/styled-components-react/

• Used 2 versions of CSS namely styled component and external css

• Learnt about default component usage https://stackoverflow.com/questions/67837396/styled-component-default-props-values-are-not-getting-picked-up

Also gained more confidence wrt design using plain CSS

[vikramvi]

For 2nd Project which is similar to this you can use one of below solutions

1. Build Custom Button Component With React JS

2. styled component with separate theme file . Refer to https://discord.com/channels/849667629785546782/851526230125051914/852165430092890152