title: Microsoft bot framework carousel with multiple buttons
body: <p>I want to make a carousel as in the image below for facebook messenger using Microsoft bot framework </p>
  
  <p><a href="https://i.stack.imgur.com/muECD.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/muECD.jpg" alt="enter image description here"></a>   </p>
  
  <pre><code>export function SuboffertCard(subOffert: SubOffertCard, session?: builder.Session) {
  return new builder.HeroCard(session)
      .title(subOffert.title)
      .subtitle(subOffert.subtitle)
      .images([
          builder.CardImage.create(session, subOffert.image)
              .tap(builder.CardAction.showImage(session, subOffert.image)),
      ])
      .buttons([
          builder.CardAction.imBack(session, `select:get_${subOffert.title}`, polyglot.t("select")),
          builder.CardAction.imBack(session, `select:info_${subOffert.title}`, polyglot.t("info"))
      ])}
  </code></pre>
  
  <p>In the app.ts: </p>
  
  <pre><code> let msg = new builder.Message(session)
              .attachmentLayout(builder.AttachmentLayout.carousel)
              .attachments(subOfferts.map(subOffert =&gt; SuboffertCard(subOffert, session)));
           builder.Prompts.choice(session, msg, subOfferts.map(subOffert =&gt; `select:get_${subOffert.title} | select:info_${subOffert.title}` ));
  </code></pre>
  
  <p>But no matter which button I click I receive the same payload .  </p>