Create input

[serapieTuyishime]

Objective:

The objective is to create an input type that will be used for text

Description:

• In the components/ui/ create a component called 'input`.
• Inside the component define text variants
  • Primary - black text (default variant)
  • Secondary - white text
• Inside the component, define an object with various input validation options
  • Username
  • Email
  • And other appropriate validation of your choice
• The Input component receives the following props.
  • handleChange - which will be invoked on every keypress. (this prop is optional)
  • placeholder text
  • Validation pattern
  • variant
• Render both input variants on findFriends screen (create it if it's not there already)

Acceptance Criteria:.

• The input should match the Figma design.
• When activated, it should activate the phone's native keyboard.
• The input contains all the variants and can be expanded to have more.

Design:

Figma link