   class="expand"
          id="show-middle-toast"
          onclick="openToast({ message: 'Hellooo', position: 'middle', duration: 2000 })"
        >
          Position Middle
        </button>

        <button class="expand" onclick="openToast({header: 'Toast header', message: 'Toast message', duration: 2000})">
          Header Toast
        </button>

        <button
          class="expand"
          onclick="openToast({header: 'Toast header', message: 'Really long message that should go all of the way