Create Buttons

[igorntwari]

Objective:

Create a reusable button component

Description:

• Inside /components/ui/ create a new file called Button.tsx

• Define these variants inside the component, the variants can be but are not limited to:

  • Secondary: white background and black text with black border with border-radius of 100
  • Primary: Black background and white text with border-radius of 4
    • When the button with the secondary variant is clicked the background must become black the text become white

      Acceptance Criteria:

• The button matches the style specified on the Figma according to the specified variant

• The button accommodates different variants.

• The button name should come as a prop

Design:

Secondary:

Primary: