Sum component

Task

Create a Sum component accepting optional props a and b and rendering a paragraph with the text: "Sum of 2 and 1 is 3". Replace numbers with actual values. If a or b are not passed, set them to 0.

App should contains the next Sum components:

  • a = 2 and b = 3
  • a = 5 and b = -5
  • just a = 10
  • just b = 5
  • no params at all

Hint The linter requires you to put every JSX expression on the new line. So this markup:

<h1>The {color} is great!</h1>

should be rewritten like this:

<h1>
  {'The '}
  {color}
  {' is great!'}
</h1>

or like this

<h1>
  The
  {' '}
  {color}
  {' '}
  is great!
</h1>