component ProductCard {
  props {
    eyebrow = "Product"
    title = "Product name"
    description = ""
    href = "#"
    actionLabel = "Learn more"
    status = ""
    class = ""
  }
  view { <article class="wire-product-card {class}"><div class="wire-product-card__meta"><span class="wire-eyebrow">{eyebrow}</span><span data-show="status" class="wire-badge">{status}</span></div><h3>{title}</h3><p>{description}</p><a href="{href}" class="wire-product-card__link">{actionLabel}<span aria-hidden="true"> →</span></a></article> }
}