import './elements'
import { HelloWorld } from './elements/hello-world'
import {
  BaseClientSideWebPart, IPropertyPaneConfiguration, PropertyPaneTextField
} from '@microsoft/sp-webpart-base';

export default class NgHelloWorldWebPartWebPart extends BaseClientSideWebPart<HelloWorld> {
  constructor(){ super(); }
  ngElement: HTMLElement;

  public render(): void {
    this.domElement.innerHTML = `<hello-world name="${this.properties.name}"></hello-world>`;
  }

  protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration {
    return {
      pages: [{
        header: { description: 'Description' },
        groups: [
          {
            groupName: "Options",
            groupFields: [
              PropertyPaneTextField('name', {
                label: "Username",
                value: "Rob"
              })
    ]}]}]};
  }
}