How to bind and use properties stored as a Variable in a widget

[OBLIXi-ON]

Let's say I've a setup like this,

const fn = ({prop}) => {
 const _properties = Variable(prop)
 const content = Widget.Stack({
  <spread _properties.value here>
  children: {}
 })
 
 return Object.assign(Widget.Box({child: content}), {pr: _porperties})
}

const newWidget = fn({prop: {transition: "crossfade"}})

How can I bind to _properties and spread values in the Stack widget? I'm trying to create a custom widget newWidget and I want to control Stack widget's property using newWidget later in my script (i.e. newWidget._properties.value = {transition: "slide_right"}).

[Aylur]

drop the usage of a variable and expose the widget itself

const fn1 = ({props}) => {
  const content = Widget.Stack({...props, children: {}})
  const box = Widget.Box({child: content})
  return Object.assign(box, {content})
}

const newWidget = fn1({prop: {transition: "crossfade"}})
newWidget.content.transition = "none"

or you can access children widgets directly

const fn2 = ({props}) => {
  const content = Widget.Stack({...props, children: {}})
  return Widget.Box({child: content})
}

const newWidget = fn2({prop: {transition: "crossfade"}})
newWidget.children[0].transition = "none"