Build A Custom Button Component

[hlavu]

Is your feature request related to a problem? Please describe.

The application is designed with a bunch of buttons to support users' interaction. For frontend developers' convenience, the button component is created for reuse during development process.

Are there any related issues? Please list all of them.

• None

Describe the solution you'd like

Acceptance criteria

• Button should have one color (based on the background & design)
• There should be 2 types of button: a pill (oval) button and a square (rounded corners) button
• Button should follow the original design

Describe the solution you'd like

• The component should receive props from its parent component.
• The component should inform its parent component when it's clicked.
• props can be button's color, button's text, button's width/height, button's border radius, etc...

Describe alternatives you've considered

• None

Additional context

• Final SRS: https://seneca.sharepoint.com/:w:/s/PRJ566NAAFall2021-Team04/EUqySSjxSqJLiVd2OyWDEAABJI8vfO567WsHBpPZmSQWCg?e=FJcwSh
• Figma Design: https://www.figma.com/file/D6OdyoGg8cbL1hAScPEsYI/PRJ-Diagrams