<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>Static Product</h3>
    <p class="price">$19.99</p>
    <p class="stock">In Stock</p>
      
</div>

<twig:Product :product="{'id': 99, 'name': 'Static Product', 'price': 19.99, 'inStock': true}">
      
</twig:Product>