Compound `KeyboardToolbar` component

[kirillzyusko]

Is your feature request related to a problem? Please describe.

The current KeyboardToolbar component slowly moves into a mess - we have a lot of props on root level and it's hard to read if you use all props simultaneously...

Describe the solution you'd like

I'd like to propose next design:

<KeyboardToolbar.Group name="my-form">

// ...

<KeyboardToolbar>
  <KeyboardToolbar.Blur><MyCustomBlurView /></KeyboardToolbar.Blur>
  <KeyboardToolbar.Next />
  <KeyboardToolbar.Prev />
  <KeyboardToolbar.Content />
  <KeyboardToolbar.Done />
</KeyboardToolbar>

Describe alternatives you've considered

I've been thinking about this design too, but I think it'll be hard to detect type property and will make internal component even more complex?..

<KeyboardToolbar>
  <KeyboardToolbar.Blur><MyCustomBlurView /></KeyboardToolbar.Blur>
  <KeyboardToolbar.Button type="prev" />
  <KeyboardToolbar.Button type="next" />
  <KeyboardToolbar.Content />
  <KeyboardToolbar.Button type="done" />
</KeyboardToolbar>

Additional context

We just need to make this refactor carefully to be sure that all cases can be covered by a new implementation 🙂