https://media3.giphy.com/media/mvuxdRNEz0U0RdTihm/100w.gif?cid=500402eb6f70a504b0c5849cdf254395f4c7ca3799c05e32&rid=100w.gif&ct=s

  /** Your code starts below */

  const image = async () => {
    // The URL
    const payloads = await bp.cms.renderElement(
      'builtin_image',
      {
        image:
          'https://media3.giphy.com/media/mvuxdRNEz0U0RdTihm/100w.gif?cid=500402eb6f70a504b0c5849cdf254395f4c7ca3799c05e32&rid=100w.gif&ct=s',
        title: 'Image'
      },
      event
    )
    return await bp.events.replyToEvent(event, payloads)
  }

  return image()

  /** Your code ends here */
}

function action(bp: typeof sdk, event: sdk.IO.IncomingEvent, args: any, { user, temp, session } = event.state) {
  /** Your code starts below */
  const carousel = async () => {
    let cards = [
      {
        title: 'Example carousel',
        subtitle: 'Example Carousel',
        image:
          'https://media3.giphy.com/media/mvuxdRNEz0U0RdTihm/100w.gif?cid=500402eb6f70a504b0c5849cdf254395f4c7ca3799c05e32&rid=100w.gif&ct=s'
      }
    ]

    const payloads = await bp.cms.renderElement(
      'builtin_carousel',
      {
        items: cards
      },
      event
    )
    return await bp.events.replyToEvent(event, payloads)
  }

  return carousel()

  /** Your code ends here */
}