text: const classes = require('src/gatsby/templates/snippets/classes').classes
  
  const html = /* HTML */ `
    <div>
      <div class="xt-list xt-list-3 items-center">
        <button
          type="button"
          class="xt-button ${classes.buttonMd()} rounded${classes.buttonRadius()} ${classes.buttonUpper()} ${classes.buttonGray()} ${classes.buttonGrayAnim()} *** xt-disabled ***"
          aria-disabled="true">
          Gray
        </button>
  
        <button
          type="button"
          class="xt-button ${classes.buttonMd()} rounded${classes.buttonRadius()} ${classes.buttonUpper()} ${classes.buttonPrimary()} ${classes.buttonPrimaryAnim()} *** xt-disabled ***"
          aria-disabled="true">
          Primary
        </button>
  
        <button
          type="button"
          class="xt-button ${classes.buttonMd()} rounded${classes.buttonRadius()} ${classes.buttonUpper()} ${classes.buttonTextAnim()}  *** xt-disabled ***">
          Text
        </button>
  
        <button
          type="button"
          class="xt-button ${classes.buttonMd()} rounded${classes.buttonRadius()} xt-link *** xt-disabled ***"
          aria-disabled="true">
          link
        </button>
      </div>
    </div>
  `
  
  export const object = {
    html: html,
  }
  