Allow render props as custom status, instead of only string

[GeorgeWL]

Use Case:

want

<div className='imageCount>
      <i className='icon-camera'  />
      <p>{`${current} / ${total}`}</p>
 </div>

as the status of the carousel, but with current behaviour this isn't possible, except by using css to absolute position said icon inline with where the library currently places the status indicator string.

[Seeila]

I second that, I don't like the fact that we have to use the external controls just to be able to style de status. In my case, I only needed to add a span inside of the paragraph.

<p className="carousel-status">
    {current} <span className="carousel-status__devider></span> {total}
</p>

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[GeorgeWL]

not stale

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[GeorgeWL]

not stale

[kes3583]

I also need that statusFormatter allow React Node not only string.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[GeorgeWL]

not stale

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[GeorgeWL]

Not stale

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.