<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>Unavailable Product</h3>
    <p class="price">$49.99</p>
    <p class="stock">Out of Stock</p>
      
</div>

<twig:Product :product="{'id': 3, 'name': 'Unavailable Product', 'price': 49.99, 'inStock': false}">
      
</twig:Product>