text: import React, { Fragment } from 'react'
  
  export default function TotalSongs(props) {
      return (
          <Fragment>
              <p>
                  <em>
                      The wizard squints at you expectantly, holding a
                      clattering armful of empty glass vials...
                  </em>
              </p>
              <p>
                  Choose the total number of songs you'd like in your
                  playlist
              </p>
              <input
                  name="limit"
                  min="5"
                  max="100"
                  type="number"
                  placeholder="31"
                  value={ props.formValues['limit'] || '' }
                  onChange={ props.handleValueChange } />
          </Fragment>
      )
  }