Preview of the Panel component

This is releasing late tonight. Here's the code for the above video:

//Menu: Testing Arg Panel
//Description: Testing the sequence
//Author: johnlindquist
//Twitter: @johnlindquist

let showGif = await arg(
  "You can display anything",
  `<div class="flex justify-center">
  <img src="https://media3.giphy.com/media/efCPDKBWq8qfZuYR34/giphy-downsized-medium.gif?cid=0b9ef2f4xptdlgxr2p76xp8gi9hezyptzhbhgggo76e30zcl&rid=giphy-downsized-medium.gif" alt="">
  </div>`
)

let showLinks = await arg(
  "Including links",
  md(`
[Visit scriptkit.app](http://scriptkit.app)

[Join the discussion](http://github.com/johnlindquist/kit/discussions)
`)
)

let term = await arg(
  "This still returns the input",
  md(`## What kind of joke would you like to hear?`)
)

let joke = await arg(
  `Here's a ${term} joke to get your day started:`,
  async () => {
    let response = await get(
      `https://icanhazdadjoke.com/search?term=${term}`,
      {
        headers: {
          Accept: "text/plain",
        },
      }
    )

    return md(
      `${response.data
        .split("\n")
        .filter(string => string?.trim()?.length)
        .map(
          joke => `* ${joke}
`
        )
        .join("")}`
    )
  }
)

let autoUpdate = await arg(
  "Auto-update works too!",
  input => `Have a ${input} day!`
)