text: const classes = require('src/gatsby/templates/snippets/classes').classes
  
  const html = /* HTML */ `
    <div>
      <div class="xt-card rounded${classes.cardRadius()} ${classes.textDefault()} ${classes.cardGray()}">
        <div class="xt-media-container bg-gray-200 rounded-t${classes.cardRadius()} h-40">
          <img class="xt-media object-cover" src="/img.svg" loading="lazy" alt="" />
        </div>
        <div class="*** ${classes.cardMd()} ***">
          <div class="xt-h4">Lorem ipsum</div>
          <p>
            <strong>Lorem ipsum</strong> dolor sit amet, <a href="#">consectetur adipiscing</a> elit. Nullam suscipit,
            velit eu tristique mollis, dui felis dictum turpis, a auctor est odio ac diam. Sed mauris augue, sagittis
            vitae magna eget, vehicula scelerisque elit.
          </p>
        </div>
        <div class="*** ${classes.cardSm()} rounded-b${classes.cardRadius()} ${classes.cardWhiteAccent()} ***">
          <p><strong>Lorem ipsum</strong> dolor sit amet, <a href="#">consectetur adipiscing</a> elit.</p>
        </div>
      </div>
    </div>
  `
  
  export const object = {
    html: html,
  }
  