{% comment %}
  Renders a product data

  Accepts:
  - product: {Object} Product Liquid object

  Usage:
  {% render 'product-data', product: product %}
{% endcomment %}

<xo-product-data>
  <script type='application/json'>
    {
      "id": {{ product.id }},
      "handle": {{ product.handle | json }},
      "variants": {{ product.variants | json }},
      "media": {{ product.media | json }},
      "options": {{ product.options | json }},
      "available": {{ product.available }},
    }
  </script>
</xo-product-data>
