Interactive controls are not available in the static export.
<div {{ attributes.defaults({ class: 'product' }) }}>
<h3>{{ product.name }}</h3>
<p class="price">${{ product.price }}</p>
<p class="stock">{{ product.inStock ? 'In Stock' : 'Out of Stock' }}</p>
{% block content %}{% endblock %}
</div>
<div class="product">
<h3>It's a café "quoted" {{ 7*7 }}</h3>
<p class="price">$5</p>
<p class="stock">Out of Stock</p>
</div>
<twig:Product :product="{'id': '007', 'name': 'It\'s a café \x22quoted\x22 {{ 7*7 }}', 'price': 5, 'inStock': false}">
</twig:Product>