"use strict";



//  I M P O R T

// import html from "choo/html";
import { html, raw } from 'hono/html'


//  E X P O R T

export default links => {
  const renderedLinks = links.map(link =>
    returnLinkTemplate(link.title, link.description, link.destination, link.label));

  return html`
    <ul class="link-grid">
      ${renderedLinks}
    </ul>
  `;
};



//  H E L P E R

function returnLinkTemplate(title, description, destination, label) {
  return html`
    <li class="link-grid__link">
     <p class="link-grid__title"><strong>${title}</strong></p>
     <p class="link-grid__description">${description}</p>
     <a class="link-grid__cta" href="${destination}">${label}</a>
    </li>
  `;
}