<div class="text-neutral-900">
    <section class="space-y-4 my-6">
        <h2 class="font-semibold md:text-xl">Description</h2>
        <p class="text-sm md:text-base">Précieuse, un modèle conçu en acétate aux lignes épaisses et structurées, associé à une forme carrée oversize pour une allure très mode. Ce modèle est disponible en plusieurs coloris.</p>
    </section>

    <button x-data x-init="$store.asideBlocs.addAside('pdpProductInfo')" @click="$store.asideBlocs.toggleAside('pdpProductInfo')" class="w-full py-6 flex justify-between items-center border-t font-medium md:text-xl"><span>Information produit</span>
        <svg class=" shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd" clip-rule="evenodd" d="M14.5303 11.4697C14.8232 11.7626 14.8232 12.2374 14.5303 12.5303L10.5303 16.5303C10.2374 16.8232 9.76256 16.8232 9.46967 16.5303C9.17678 16.2374 9.17678 15.7626 9.46967 15.4697L12.9393 12L9.46967 8.53033C9.17678 8.23744 9.17678 7.76256 9.46967 7.46967C9.76256 7.17678 10.2374 7.17678 10.5303 7.46967L14.5303 11.4697Z" fill="currentColor" />
        </svg>
    </button>

    <button x-data x-init="$store.asideBlocs.addAside('pdpDeliveryReturn')" @click="$store.asideBlocs.toggleAside('pdpDeliveryReturn')" class="w-full py-6 flex justify-between items-center border-t font-medium md:text-xl">
        <span>Livraison et retours</span>
        <svg class=" shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd" clip-rule="evenodd" d="M14.5303 11.4697C14.8232 11.7626 14.8232 12.2374 14.5303 12.5303L10.5303 16.5303C10.2374 16.8232 9.76256 16.8232 9.46967 16.5303C9.17678 16.2374 9.17678 15.7626 9.46967 15.4697L12.9393 12L9.46967 8.53033C9.17678 8.23744 9.17678 7.76256 9.46967 7.46967C9.76256 7.17678 10.2374 7.17678 10.5303 7.46967L14.5303 11.4697Z" fill="currentColor" />
        </svg>
    </button>
</div>
<div class="text-neutral-900">
    <section class="space-y-4 my-6">
        <h2 class="font-semibold md:text-xl">{{ title }}</h2>
        <p class="text-sm md:text-base">{{ description }}</p>
    </section>

    {# Import pdp-productInfo to open aside menu #}
    <button
            x-data x-init="$store.asideBlocs.addAside('pdpProductInfo')"
            @click="$store.asideBlocs.toggleAside('pdpProductInfo')"
            class="w-full py-6 flex justify-between items-center border-t font-medium md:text-xl"
    ><span>Information produit</span>
        {% render "@icons-library--chevron-right" %}
    </button>

    {# Import pdp-deliveryReturn.config to open aside menu   #}
    <button
            x-data x-init="$store.asideBlocs.addAside('pdpDeliveryReturn')"
            @click="$store.asideBlocs.toggleAside('pdpDeliveryReturn')"
            class="w-full py-6 flex justify-between items-center border-t font-medium md:text-xl"
    >
        <span>Livraison et retours</span>
        {% render "@icons-library--chevron-right" %}
    </button>
</div>
{
  "title": "Description",
  "description": "Précieuse, un modèle conçu en acétate aux lignes épaisses et structurées, associé à une forme carrée oversize pour une allure très mode. Ce modèle est disponible en plusieurs coloris."
}

No notes defined.