Function component with external CSS

  
  import { registerFunctionComponent } from './webact.js';

  async function NiceButton () {
    const { html, css } = this;

    html`
      <button>
        <slot></slot>
      </button>
    `;

    css`
      button {
        background-color: blue;
        color: white;
        padding: 1rem;
        border: 1px solid yellow;
        border-radius: 4px;
      }
    `;
  }

  registerFunctionComponent(NiceButton);
  
  
I am a nice button