import Tonic from '@socketsupply/tonic'

async function MyGreeting () {
  const data = await (await fetch('https://example.com/data')).text()
  return this.html`<h1>Hello, ${data}</h1>`
}

class MyGreeting extends Tonic {
  async * render () {
    yield this.html`<div>Loading...</div>`
    const data = await (await fetch('https://example.com/data')).text()
    return this.html`<div>Hello, ${data}.</div>`
  }
}

Tonic.add(MyGreeting, 'my-greeting')