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

<twig:Product :product="{'name': 'Chair', 'price': 999, 'inStock': true}">
      
</twig:Product>