let { DefaultButton, TooltipHost, getId, Fabric } = window.Fabric;

class TooltipBasicExample extends React.Component<any, any> {
  // Use getId() to ensure that the ID is unique on the page.
  // (It's also okay to use a plain string without getId() and manually ensure uniqueness.)
  private _hostId: string = getId('tooltipHost');

  public render(): JSX.Element {
    return (
      <div>
        <TooltipHost content="This is the tooltip" id={this._hostId} calloutProps={{ gapSpace: 0 }}>
          <DefaultButton aria-labelledby={this._hostId}>Hover Over Me</DefaultButton>
        </TooltipHost>
      </div>
    );
  }
}

ReactDOM.render(<TooltipBasicExample />, document.getElementById('content'));
