From 0f8e943f2d6bd23a8d3898e33340293cdafc8295 Mon Sep 17 00:00:00 2001
From: Mykola Zahorulko <mykola.zahorulko@brandsmanago.pl>
Date: Mon, 18 Aug 2025 14:15:23 +0200
Subject: [PATCH] Add feature

---
 README.md             | 36 +++++++++++++++---------------------
 first-component.xslt  | 15 +++++++++++++++
 second-component.xslt | 13 +++++++++++++
 3 files changed, 43 insertions(+), 21 deletions(-)
 create mode 100644 first-component.xslt
 create mode 100644 second-component.xslt

diff --git a/README.md b/README.md
index 39af52c..775c6e9 100644
--- a/README.md
+++ b/README.md
@@ -1,29 +1,23 @@
-# README #
+# Components Wrapper #
 
-This README would normally document whatever steps are necessary to get your application up and running.
+Use this approach when you need to start a wrapper element in one component, and close it in another one.
 
-### What is this repository for? ###
+### How to use  ###
 
-* Quick summary
-* Version
-* [Learn Markdown](https://bitbucket.org/tutorials/markdowndemo)
+1. Copy and paste example code from first-component.xslt
 
-### How do I get set up? ###
+```
+<iaixsl:if test="count(commercial_banner/link) > 0 and count(commercial_button2/link) > 0">
+   <iaixsl:text disable-output-escaping="yes">&lt;div id="commercial_section_wrapper" iai:class="mb-4|commercial_section_bottom_space" &gt;
+  </iaixsl:text>
+</iaixsl:if>
+```
 
-* Summary of set up
-* Configuration
-* Dependencies
-* Database configuration
-* How to run tests
-* Deployment instructions
+2. Rewrite condition, and data inside
+3. Do the same with second "closing" component
 
-### Contribution guidelines ###
+The example was given with buttons2 zone, but you can use this approach with any task that you have.
 
-* Writing tests
-* Code review
-* Other guidelines
+---
 
-### Who do I talk to? ###
-
-* Repo owner or admin
-* Other community or team contact
\ No newline at end of file
+Created by • **[IdoMods](https://idomods.pl/)** • 2025
\ No newline at end of file
diff --git a/first-component.xslt b/first-component.xslt
new file mode 100644
index 0000000..32c7886
--- /dev/null
+++ b/first-component.xslt
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<iai:component>
+  <iai:componentsdata>
+    <cdata-start/>
+    <!--Opening wrapper-->
+    <iaixsl:if test="count(commercial_banner/link) > 0 and count(commercial_button2/link) > 0">
+      <iaixsl:text disable-output-escaping="yes">&lt;div id="commercial_section_wrapper"
+        iai:class="mb-4|commercial_section_bottom_space" &gt;
+      </iaixsl:text>
+    </iaixsl:if>
+    <!--Data-->
+    <div>Something inside first component</div>
+    <cdata-end/>
+  </iai:componentsdata>
+</iai:component>
\ No newline at end of file
diff --git a/second-component.xslt b/second-component.xslt
new file mode 100644
index 0000000..5b1b3ad
--- /dev/null
+++ b/second-component.xslt
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<iai:component>
+  <iai:componentsdata>
+    <cdata-start/>
+    <!--Closing wrapper-->
+    <iaixsl:if test="count(commercial_banner/link) > 0 and count(commercial_button2/link)">
+      <iaixsl:text disable-output-escaping="yes">&lt;/div&gt;</iaixsl:text>
+    </iaixsl:if>
+    <!--Data-->
+    <div>Something inside second component</div>
+    <cdata-end/>
+  </iai:componentsdata>
+</iai:component>
\ No newline at end of file