// CTA shown for products that must be configured on the product page (e.g.
// PPOM add-on fields) before they can be added to cart. Rendered in both the
// desktop table layout and the mobile card layout, which differ only by a few
// layout classes — kept in one place so the href, styling and i18n string stay
// in sync. Pass extra classes for the mobile variant.
const needsConfigurationCtaTemplate = (extraClasses = '') => `
                  <a
                    v-else-if="item.product.needs_configuration"
                    :href="item.product.link"
                    class="stwlite-tw-table-btn stwlite-tw-table-btn-add-to-cart-button${extraClasses ? ' ' + extraClasses : ''}"
                    :style="{ fontSize: wishlist.pageStyles?.buttonTextSize + 'px', color: wishlist.pageStyles?.buttonTextColor, backgroundColor: wishlist.pageStyles?.buttonBackgroundColor }"
                  >
                    {{ wishlist.table.select_options }}
                  </a>`

export default needsConfigurationCtaTemplate