How to use the tabris.Button function in tabris

import {Button, contentView} from 'tabris';

// Create a push button that counts up on selection

let count = 0;

new Button({
  left: 10, top: 10,
  text: 'Button'
}).onSelect(({target}) => target.text = 'Pressed ' + (++count) + ' times')
  .appendTo(contentView);

import { Composite, Properties, Button, TextView, WidgetCollection } from 'tabris';

class CustomComponent extends Composite {
  constructor(props: Properties & Partial>) { super(props); }
  public foo() {} public _doX() {} private _doy() {}
}

const bounds: Bounds = null;
const customComponent: CustomComponent = new CustomComponent({bounds});
customComponent.set({bounds});

const button: Button = new Button();
let textView: TextView = new TextView();
const buttonsComposite: Composite<button> = new Composite</button><button>();
buttonsComposite.append(textView);
buttonsComposite.append([textView]);
buttonsComposite.append(new WidgetCollection([textView]));
textView = buttonsComposite.children()[0];
buttonsComposite.onLayoutChanged(() =&gt; {});
buttonsComposite.set({children: (() =&gt; {}) as any});
customComponent.set({_doX: (() =&gt; {}) as any});
customComponent.set({_doY: (() =&gt; {}) as any});
customComponent.set({doesNotExist: (() =&gt; {}) as any});
customComponent._scheduleRenderChildren();
customComponent.$flushChildren();
customComponent._layout;

/*Expected</button>

import {NavigationView, Button, Page, Action} from 'tabris';


let widget = new NavigationView();
widget.append(new Button());

class CustomPage extends Page {
  public foo: string;
}

class CustomAction extends Action {
  public bar: string;
}

const badlyTypedNavigationView1: NavigationView = new NavigationView();
const badlyTypedNavigationView2: NavigationView = new NavigationView();
const badlyTypedNavigationView3: NavigationView = new NavigationView();
const typedNavigationView: NavigationView = new NavigationView();
typedNavigationView.append(new Action());
typedNavigationView.append(new Page());

function printerSnippet() {
  new Button({left: 16, top: android(10, 16), text: 'Print'}).onTap(() => {
    fetch(app.getResourceLocation('resources/salad.jpg'))
      .then(res => res.arrayBuffer())
      .then(data => printer.print(data, {jobName: 'Salad image', contentType: 'image/jpg'}))
      .then(event => console.log('Printing finished', event))
      .catch(err => console.error(err));
  }).appendTo(snippetParent);
}

function addPageSelector(page) {
  new Button({
    left: 0, top: 'prev() 8', right: 0,
    text: page.title
  }).on('select', () => page.appendTo(navigationView))
    .appendTo(contentContainer);
}

function buttonSnippet(parent) {
  dimen(parent, small);
  new Button({left: 16, right: 16, top: android(10, 16), text: 'Button'}).appendTo(parent);
  new Button({left: 16, right: 16, top: ['prev()', ios(12)], text: 'Flat', style: 'flat'}).appendTo(parent);
  new Button({left: 16, right: 16, top: ['prev()', ios(12)], text: 'Outline', style: 'outline'}).appendTo(parent);
  new Button({left: 16, right: 16, top: ['prev()', ios(12)], bottom: 16, text: 'Text', style: 'text'}).appendTo(parent);

}

function go() {
  new Button({
    centerX: 0, centerY: 0,
    text: 'Press me!'
  }).on('select', ({target}) => {
    target.text = 'Please wait...';
    setTimeout(sayThanks, 2000, target);
  }).appendTo(ui.contentView);
}

createUI() {
    super.createUI();
    this.content.append(
      new Button({id: 'pictureButton', text: PICTURE_BUTTON_TEXT})
        .on('select', () => this._takePicture()),
      new ImageView({id: 'image'})
    );
  }

function createPage(title) {
  const page = new Page({
    title: title || 'Initial Page'
  }).appendTo(navigationView);
  new Button({
    left: 16, top: 16, right: 16,
    text: 'Create another page'
  }).on('select', () => createPage('Page ' + (++pageCount)))
    .appendTo(page);
  new Button({
    left: 16, top: 'prev() 16', right: 16,
    text: 'Go back'
  }).on('select', () => page.dispose())
    .appendTo(page);
  new Button({
    left: 16, top: 'prev() 16', right: 16,
    text: 'Go to initial page'
  }).on('select', () => {
    navigationView.pages().dispose();
    createPage();
  }).appendTo(page);
  return page;
}

title: text,
    background: '#eeeeee'
  }).appendTo(navigationView);
  const controls = new Composite({
    centerX: 0, centerY: 0
  }).appendTo(page);
  new TextView({
    centerX: 0,
    text
  }).appendTo(controls);
  new Button({
    top: 'prev() 16', centerX: 0,
    text: 'Add Page'
  }).onSelect(() => createPage(navigationView))
    .appendTo(controls);
  new Button({
    top: 'prev() 16', centerX: 0,
    text: 'Remove Page'
  }).onSelect(() => page.dispose())
    .appendTo(controls);
}