How to add Button, ButtonGroup, Folder, etc. inside a custom plugin?

[aztack]

How to use button,folder, etc inside a custom plugin?

function TweenConfig() {
    const props = useInputContext<TweenConfigProps>();
    const { value, onUpdate, onChange } = props;
    const settings = {
      min: 0,
      max: 100,
      step: 1,
      pad: 0
    }

    return <>{value.map((config, i) => <div key={i}>
         /* How to wrap items with a folder? */
      <Row>
        <Label>[{i}]Tween</Label>
      </Row>
      <Row input>
        <Label>From</Label>
        <Number displayValue={config.from} onUpdate={onUpdate} onChange={onChange} value={config.from} label={'From'} settings={{...settings, initialValue: config.from}} />
      </Row>
      <Row input>
        <Label>To</Label>
        <Number displayValue={config.to} onUpdate={onUpdate} onChange={onChange} value={config.to} label={'To'} settings={{...settings, initialValue: config.from}}/>
      </Row>
      <Row>
      <Row>
        {/* How to add a bezier plugin here */}
      </Row>
    </div>)}
    <Row>
      {/* How to add a button here */}
    </Row>
    </>;
  }

I want to wrap tweens in a folder