Allow to create multi level (nested) components

[joaozitopolo]

Today it is only possible to create one level component.
Should be possible to create nested combinations with the same initial parameters?

Ex:

const Box = w.div("color-red", { ...config1 }).nest.div("border-2", { ...config2})

and then when use, any parameters will be reflected to all nested components:

and variant should reach config1 and config2.

[joaozitopolo]

After a review, I noticed the return of w.div() is the component, and it can't return a chain for nested components.
Other way to implement it should be using a parameter (ex: "inner") that should be any component. Then, the children content will be sent to the inner component:

const Box = w.div("color-red", { inner: w.div("border-2") })