{% comment %}
  Renders a product card placeholder.

  Accepts:
  - placeholder_image: {String} The placeholder image to use when no product exists. Default: 'product-apparel-1' (optional)

  Usage:
  {% render 'product-card-placeholder', placeholder_image: placeholder_image %}
{% endcomment %}

<xo-animate
  xo-cascade
  class='xo-product-card{% if settings.product_card_style %} xo-product-card--{{ settings.product_card_style }}{% endif %}{% if color_scheme %} color-{{ color_scheme }}{% endif %}'
>
  {% render 'product-image', placeholder_image: placeholder_image %}
  <div class='xo-product-card__information'>
    <div class='xo-product-card__vendor'>
      {{ 'products.product.vendor' | t }}
    </div>

    <a role='link' aria-disabled='true' class='xo-product-card__title'>
      {{ 'onboarding.product_title' | t }}
    </a>

    <div class='xo-product-card__price'>
      {% render 'price' %}
    </div>
  </div>
</xo-animate>
