@dta-au/civictheme-twig 1.13.1

package/components/03-organisms/mobile-navigation/__snapshots__/mobile-navigation.test.js.snap

@@ -0,0 +1,928 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Mobile Navigation Component does not render when all attributes are empty 1`] = `
+<div>
+  
+
+
+
+  <div
+    class="ct-mobile-navigation ct-theme-light "
+    data-flyout=""
+    data-flyout-direction="right"
+    data-flyout-focus=".ct-link"
+  >
+    
+  
+    <div
+      class="ct-mobile-navigation__panel"
+      data-flyout-panel=""
+    >
+      
+    
+
+
+
+      <div
+        class="ct-mobile-navigation-close ct-theme-light "
+      >
+        
+  
+
+  
+        <button
+          class="ct-button ct-theme-light ct-button--tertiary ct-button--button ct-button--small   ct-mobile-navigation-close__button"
+          data-component-name="button"
+          data-flyout-close-all-trigger=""
+        >
+          
+      
+          <span
+            class="ct-text-icon__text"
+          >
+             
+          </span>
+          <span
+            class="ct-text-icon__group"
+          >
+            <span
+              class="ct-text-icon__text"
+            >
+              Close
+            </span>
+             
+            <svg
+              aria-hidden="true"
+              class="ct-icon ct-button__icon"
+              height="24"
+              role="img"
+              viewBox="0 0 24 24"
+              width="24"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              
+
+              <path
+                d="M13.4099 11.9999L19.7099 5.70994C19.8982 5.52164 20.004 5.26624 20.004 4.99994C20.004 4.73364 19.8982 4.47825 19.7099 4.28994C19.5216 4.10164 19.2662 3.99585 18.9999 3.99585C18.7336 3.99585 18.4782 4.10164 18.2899 4.28994L11.9999 10.5899L5.70994 4.28994C5.52164 4.10164 5.26624 3.99585 4.99994 3.99585C4.73364 3.99585 4.47824 4.10164 4.28994 4.28994C4.10164 4.47825 3.99585 4.73364 3.99585 4.99994C3.99585 5.26624 4.10164 5.52164 4.28994 5.70994L10.5899 11.9999L4.28994 18.2899C4.19621 18.3829 4.12182 18.4935 4.07105 18.6154C4.02028 18.7372 3.99414 18.8679 3.99414 18.9999C3.99414 19.132 4.02028 19.2627 4.07105 19.3845C4.12182 19.5064 4.19621 19.617 4.28994 19.7099C4.3829 19.8037 4.4935 19.8781 4.61536 19.9288C4.73722 19.9796 4.86793 20.0057 4.99994 20.0057C5.13195 20.0057 5.26266 19.9796 5.38452 19.9288C5.50638 19.8781 5.61698 19.8037 5.70994 19.7099L11.9999 13.4099L18.2899 19.7099C18.3829 19.8037 18.4935 19.8781 18.6154 19.9288C18.7372 19.9796 18.8679 20.0057 18.9999 20.0057C19.132 20.0057 19.2627 19.9796 19.3845 19.9288C19.5064 19.8781 19.617 19.8037 19.7099 19.7099C19.8037 19.617 19.8781 19.5064 19.9288 19.3845C19.9796 19.2627 20.0057 19.132 20.0057 18.9999C20.0057 18.8679 19.9796 18.7372 19.9288 18.6154C19.8781 18.4935 19.8037 18.3829 19.7099 18.2899L13.4099 11.9999Z"
+              />
+              
+
+            </svg>
+            
+
+          </span>
+        </button>
+        
+
+      </div>
+      
+
+              
+              
+              
+                
+    </div>
+    
+
+  </div>
+  
+
+</div>
+`;
+
+exports[`Mobile Navigation Component renders correctly when only bottom menu is provided 1`] = `
+<div>
+  
+
+
+
+  <div
+    class="ct-mobile-navigation ct-theme-light "
+    data-flyout=""
+    data-flyout-direction="right"
+    data-flyout-focus=".ct-link"
+  >
+    
+  
+    <div
+      class="ct-mobile-navigation__panel"
+      data-flyout-panel=""
+    >
+      
+    
+
+
+
+      <div
+        class="ct-mobile-navigation-close ct-theme-light "
+      >
+        
+  
+
+  
+        <button
+          class="ct-button ct-theme-light ct-button--tertiary ct-button--button ct-button--small   ct-mobile-navigation-close__button"
+          data-component-name="button"
+          data-flyout-close-all-trigger=""
+        >
+          
+      
+          <span
+            class="ct-text-icon__text"
+          >
+             
+          </span>
+          <span
+            class="ct-text-icon__group"
+          >
+            <span
+              class="ct-text-icon__text"
+            >
+              Close
+            </span>
+             
+            <svg
+              aria-hidden="true"
+              class="ct-icon ct-button__icon"
+              height="24"
+              role="img"
+              viewBox="0 0 24 24"
+              width="24"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              
+
+              <path
+                d="M13.4099 11.9999L19.7099 5.70994C19.8982 5.52164 20.004 5.26624 20.004 4.99994C20.004 4.73364 19.8982 4.47825 19.7099 4.28994C19.5216 4.10164 19.2662 3.99585 18.9999 3.99585C18.7336 3.99585 18.4782 4.10164 18.2899 4.28994L11.9999 10.5899L5.70994 4.28994C5.52164 4.10164 5.26624 3.99585 4.99994 3.99585C4.73364 3.99585 4.47824 4.10164 4.28994 4.28994C4.10164 4.47825 3.99585 4.73364 3.99585 4.99994C3.99585 5.26624 4.10164 5.52164 4.28994 5.70994L10.5899 11.9999L4.28994 18.2899C4.19621 18.3829 4.12182 18.4935 4.07105 18.6154C4.02028 18.7372 3.99414 18.8679 3.99414 18.9999C3.99414 19.132 4.02028 19.2627 4.07105 19.3845C4.12182 19.5064 4.19621 19.617 4.28994 19.7099C4.3829 19.8037 4.4935 19.8781 4.61536 19.9288C4.73722 19.9796 4.86793 20.0057 4.99994 20.0057C5.13195 20.0057 5.26266 19.9796 5.38452 19.9288C5.50638 19.8781 5.61698 19.8037 5.70994 19.7099L11.9999 13.4099L18.2899 19.7099C18.3829 19.8037 18.4935 19.8781 18.6154 19.9288C18.7372 19.9796 18.8679 20.0057 18.9999 20.0057C19.132 20.0057 19.2627 19.9796 19.3845 19.9288C19.5064 19.8781 19.617 19.8037 19.7099 19.7099C19.8037 19.617 19.8781 19.5064 19.9288 19.3845C19.9796 19.2627 20.0057 19.132 20.0057 18.9999C20.0057 18.8679 19.9796 18.7372 19.9288 18.6154C19.8781 18.4935 19.8037 18.3829 19.7099 18.2899L13.4099 11.9999Z"
+              />
+              
+
+            </svg>
+            
+
+          </span>
+        </button>
+        
+
+      </div>
+      
+
+              
+              
+                  
+      <div
+        class="ct-mobile-navigation__bottom-menu-wrapper"
+      >
+        
+          
+
+
+
+
+
+
+            
+        <ul
+          class="ct-menu ct-menu--level-0 ct-theme-light ct-mobile-navigation__bottom-menu"
+          data-component-name="ct-menu"
+        >
+          
+    
+          
+                  
+      
+          <li
+            class="ct-menu__item ct-menu__item--level-0   "
+          >
+            
+
+        
+            <a
+              class="ct-link ct-theme-light     ct-menu__item__link"
+              href="/contact"
+              title="Contact"
+            >
+              <span
+                class="ct-text-icon__text"
+              >
+                Contact
+              </span>
+            </a>
+            
+        
+        
+      
+          </li>
+          
+          
+                  
+      
+          <li
+            class="ct-menu__item ct-menu__item--level-0   "
+          >
+            
+
+        
+            <a
+              class="ct-link ct-theme-light     ct-menu__item__link"
+              href="/help"
+              title="Help"
+            >
+              <span
+                class="ct-text-icon__text"
+              >
+                Help
+              </span>
+            </a>
+            
+        
+        
+      
+          </li>
+          
+    
+          
+        </ul>
+        
+      
+        
+      </div>
+      
+          
+                
+    </div>
+    
+
+  </div>
+  
+
+</div>
+`;
+
+exports[`Mobile Navigation Component renders correctly when only top menu is provided 1`] = `
+<div>
+  
+
+
+
+  <div
+    class="ct-mobile-navigation ct-theme-light "
+    data-flyout=""
+    data-flyout-direction="right"
+    data-flyout-focus=".ct-link"
+  >
+    
+  
+    <div
+      class="ct-mobile-navigation__panel"
+      data-flyout-panel=""
+    >
+      
+    
+
+
+
+      <div
+        class="ct-mobile-navigation-close ct-theme-light "
+      >
+        
+  
+
+  
+        <button
+          class="ct-button ct-theme-light ct-button--tertiary ct-button--button ct-button--small   ct-mobile-navigation-close__button"
+          data-component-name="button"
+          data-flyout-close-all-trigger=""
+        >
+          
+      
+          <span
+            class="ct-text-icon__text"
+          >
+             
+          </span>
+          <span
+            class="ct-text-icon__group"
+          >
+            <span
+              class="ct-text-icon__text"
+            >
+              Close
+            </span>
+             
+            <svg
+              aria-hidden="true"
+              class="ct-icon ct-button__icon"
+              height="24"
+              role="img"
+              viewBox="0 0 24 24"
+              width="24"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              
+
+              <path
+                d="M13.4099 11.9999L19.7099 5.70994C19.8982 5.52164 20.004 5.26624 20.004 4.99994C20.004 4.73364 19.8982 4.47825 19.7099 4.28994C19.5216 4.10164 19.2662 3.99585 18.9999 3.99585C18.7336 3.99585 18.4782 4.10164 18.2899 4.28994L11.9999 10.5899L5.70994 4.28994C5.52164 4.10164 5.26624 3.99585 4.99994 3.99585C4.73364 3.99585 4.47824 4.10164 4.28994 4.28994C4.10164 4.47825 3.99585 4.73364 3.99585 4.99994C3.99585 5.26624 4.10164 5.52164 4.28994 5.70994L10.5899 11.9999L4.28994 18.2899C4.19621 18.3829 4.12182 18.4935 4.07105 18.6154C4.02028 18.7372 3.99414 18.8679 3.99414 18.9999C3.99414 19.132 4.02028 19.2627 4.07105 19.3845C4.12182 19.5064 4.19621 19.617 4.28994 19.7099C4.3829 19.8037 4.4935 19.8781 4.61536 19.9288C4.73722 19.9796 4.86793 20.0057 4.99994 20.0057C5.13195 20.0057 5.26266 19.9796 5.38452 19.9288C5.50638 19.8781 5.61698 19.8037 5.70994 19.7099L11.9999 13.4099L18.2899 19.7099C18.3829 19.8037 18.4935 19.8781 18.6154 19.9288C18.7372 19.9796 18.8679 20.0057 18.9999 20.0057C19.132 20.0057 19.2627 19.9796 19.3845 19.9288C19.5064 19.8781 19.617 19.8037 19.7099 19.7099C19.8037 19.617 19.8781 19.5064 19.9288 19.3845C19.9796 19.2627 20.0057 19.132 20.0057 18.9999C20.0057 18.8679 19.9796 18.7372 19.9288 18.6154C19.8781 18.4935 19.8037 18.3829 19.7099 18.2899L13.4099 11.9999Z"
+              />
+              
+
+            </svg>
+            
+
+          </span>
+        </button>
+        
+
+      </div>
+      
+
+              
+                  
+      <div
+        class="ct-mobile-navigation__top-menu-wrapper"
+      >
+        
+          
+
+
+
+
+
+
+            
+        <ul
+          class="ct-menu ct-menu--level-0 ct-theme-light ct-mobile-navigation__top-menu"
+          data-component-name="ct-menu"
+        >
+          
+    
+          
+                  
+      
+          <li
+            class="ct-menu__item ct-menu__item--level-0   "
+          >
+            
+
+        
+            <a
+              class="ct-link ct-theme-light     ct-menu__item__link"
+              href="/"
+              title="Home"
+            >
+              <span
+                class="ct-text-icon__text"
+              >
+                Home
+              </span>
+            </a>
+            
+        
+        
+      
+          </li>
+          
+          
+                  
+      
+          <li
+            class="ct-menu__item ct-menu__item--level-0   "
+          >
+            
+
+        
+            <a
+              class="ct-link ct-theme-light     ct-menu__item__link"
+              href="/about"
+              title="About"
+            >
+              <span
+                class="ct-text-icon__text"
+              >
+                About
+              </span>
+            </a>
+            
+        
+        
+      
+          </li>
+          
+    
+          
+        </ul>
+        
+      
+        
+      </div>
+      
+          
+              
+                
+    </div>
+    
+
+  </div>
+  
+
+</div>
+`;
+
+exports[`Mobile Navigation Component renders with all attributes provided 1`] = `
+<div>
+  
+
+
+
+  <div
+    class="ct-mobile-navigation ct-theme-dark additional-class"
+    data-flyout=""
+    data-flyout-direction="right"
+    data-flyout-focus=".ct-link"
+  >
+    
+  
+    <div
+      class="ct-mobile-navigation__panel"
+      data-flyout-panel=""
+    >
+      
+    
+
+
+
+      <div
+        class="ct-mobile-navigation-close ct-theme-dark "
+      >
+        
+  
+
+  
+        <button
+          class="ct-button ct-theme-dark ct-button--tertiary ct-button--button ct-button--small   ct-mobile-navigation-close__button"
+          data-component-name="button"
+          data-flyout-close-all-trigger=""
+        >
+          
+      
+          <span
+            class="ct-text-icon__text"
+          >
+             
+          </span>
+          <span
+            class="ct-text-icon__group"
+          >
+            <span
+              class="ct-text-icon__text"
+            >
+              Close
+            </span>
+             
+            <svg
+              aria-hidden="true"
+              class="ct-icon ct-button__icon"
+              height="24"
+              role="img"
+              viewBox="0 0 24 24"
+              width="24"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              
+
+              <path
+                d="M13.4099 11.9999L19.7099 5.70994C19.8982 5.52164 20.004 5.26624 20.004 4.99994C20.004 4.73364 19.8982 4.47825 19.7099 4.28994C19.5216 4.10164 19.2662 3.99585 18.9999 3.99585C18.7336 3.99585 18.4782 4.10164 18.2899 4.28994L11.9999 10.5899L5.70994 4.28994C5.52164 4.10164 5.26624 3.99585 4.99994 3.99585C4.73364 3.99585 4.47824 4.10164 4.28994 4.28994C4.10164 4.47825 3.99585 4.73364 3.99585 4.99994C3.99585 5.26624 4.10164 5.52164 4.28994 5.70994L10.5899 11.9999L4.28994 18.2899C4.19621 18.3829 4.12182 18.4935 4.07105 18.6154C4.02028 18.7372 3.99414 18.8679 3.99414 18.9999C3.99414 19.132 4.02028 19.2627 4.07105 19.3845C4.12182 19.5064 4.19621 19.617 4.28994 19.7099C4.3829 19.8037 4.4935 19.8781 4.61536 19.9288C4.73722 19.9796 4.86793 20.0057 4.99994 20.0057C5.13195 20.0057 5.26266 19.9796 5.38452 19.9288C5.50638 19.8781 5.61698 19.8037 5.70994 19.7099L11.9999 13.4099L18.2899 19.7099C18.3829 19.8037 18.4935 19.8781 18.6154 19.9288C18.7372 19.9796 18.8679 20.0057 18.9999 20.0057C19.132 20.0057 19.2627 19.9796 19.3845 19.9288C19.5064 19.8781 19.617 19.8037 19.7099 19.7099C19.8037 19.617 19.8781 19.5064 19.9288 19.3845C19.9796 19.2627 20.0057 19.132 20.0057 18.9999C20.0057 18.8679 19.9796 18.7372 19.9288 18.6154C19.8781 18.4935 19.8037 18.3829 19.7099 18.2899L13.4099 11.9999Z"
+              />
+              
+
+            </svg>
+            
+
+          </span>
+        </button>
+        
+
+      </div>
+      
+
+                  
+      <div
+        class="ct-mobile-navigation__content_top"
+      >
+        
+          Top Content
+        
+      </div>
+      
+          
+                  
+      <div
+        class="ct-mobile-navigation__top-menu-wrapper"
+      >
+        
+          
+
+
+
+
+
+
+            
+        <ul
+          class="ct-menu ct-menu--level-0 ct-theme-dark ct-mobile-navigation__top-menu"
+          data-component-name="ct-menu"
+        >
+          
+    
+          
+                  
+      
+          <li
+            class="ct-menu__item ct-menu__item--level-0   "
+          >
+            
+
+        
+            <a
+              class="ct-link ct-theme-dark     ct-menu__item__link"
+              href="/"
+              title="Home"
+            >
+              <span
+                class="ct-text-icon__text"
+              >
+                Home
+              </span>
+            </a>
+            
+        
+        
+      
+          </li>
+          
+          
+                  
+      
+          <li
+            class="ct-menu__item ct-menu__item--level-0   "
+          >
+            
+
+        
+            <a
+              class="ct-link ct-theme-dark     ct-menu__item__link"
+              href="/about"
+              title="About"
+            >
+              <span
+                class="ct-text-icon__text"
+              >
+                About
+              </span>
+            </a>
+            
+        
+        
+      
+          </li>
+          
+    
+          
+        </ul>
+        
+      
+        
+      </div>
+      
+          
+                  
+      <div
+        class="ct-mobile-navigation__bottom-menu-wrapper"
+      >
+        
+          
+
+
+
+
+
+
+            
+        <ul
+          class="ct-menu ct-menu--level-0 ct-theme-dark ct-mobile-navigation__bottom-menu"
+          data-component-name="ct-menu"
+        >
+          
+    
+          
+                  
+      
+          <li
+            class="ct-menu__item ct-menu__item--level-0   "
+          >
+            
+
+        
+            <a
+              class="ct-link ct-theme-dark     ct-menu__item__link"
+              href="/contact"
+              title="Contact"
+            >
+              <span
+                class="ct-text-icon__text"
+              >
+                Contact
+              </span>
+            </a>
+            
+        
+        
+      
+          </li>
+          
+          
+                  
+      
+          <li
+            class="ct-menu__item ct-menu__item--level-0   "
+          >
+            
+
+        
+            <a
+              class="ct-link ct-theme-dark     ct-menu__item__link"
+              href="/help"
+              title="Help"
+            >
+              <span
+                class="ct-text-icon__text"
+              >
+                Help
+              </span>
+            </a>
+            
+        
+        
+      
+          </li>
+          
+    
+          
+        </ul>
+        
+      
+        
+      </div>
+      
+          
+                  
+      <div
+        class="ct-mobile-navigation__content_bottom"
+      >
+        
+          Bottom Content
+        
+      </div>
+      
+            
+    </div>
+    
+
+  </div>
+  
+
+</div>
+`;
+
+exports[`Mobile Navigation Component renders with only required attributes 1`] = `
+<div>
+  
+
+
+
+  <div
+    class="ct-mobile-navigation ct-theme-light "
+    data-flyout=""
+    data-flyout-direction="right"
+    data-flyout-focus=".ct-link"
+  >
+    
+  
+    <div
+      class="ct-mobile-navigation__panel"
+      data-flyout-panel=""
+    >
+      
+    
+
+
+
+      <div
+        class="ct-mobile-navigation-close ct-theme-light "
+      >
+        
+  
+
+  
+        <button
+          class="ct-button ct-theme-light ct-button--tertiary ct-button--button ct-button--small   ct-mobile-navigation-close__button"
+          data-component-name="button"
+          data-flyout-close-all-trigger=""
+        >
+          
+      
+          <span
+            class="ct-text-icon__text"
+          >
+             
+          </span>
+          <span
+            class="ct-text-icon__group"
+          >
+            <span
+              class="ct-text-icon__text"
+            >
+              Close
+            </span>
+             
+            <svg
+              aria-hidden="true"
+              class="ct-icon ct-button__icon"
+              height="24"
+              role="img"
+              viewBox="0 0 24 24"
+              width="24"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              
+
+              <path
+                d="M13.4099 11.9999L19.7099 5.70994C19.8982 5.52164 20.004 5.26624 20.004 4.99994C20.004 4.73364 19.8982 4.47825 19.7099 4.28994C19.5216 4.10164 19.2662 3.99585 18.9999 3.99585C18.7336 3.99585 18.4782 4.10164 18.2899 4.28994L11.9999 10.5899L5.70994 4.28994C5.52164 4.10164 5.26624 3.99585 4.99994 3.99585C4.73364 3.99585 4.47824 4.10164 4.28994 4.28994C4.10164 4.47825 3.99585 4.73364 3.99585 4.99994C3.99585 5.26624 4.10164 5.52164 4.28994 5.70994L10.5899 11.9999L4.28994 18.2899C4.19621 18.3829 4.12182 18.4935 4.07105 18.6154C4.02028 18.7372 3.99414 18.8679 3.99414 18.9999C3.99414 19.132 4.02028 19.2627 4.07105 19.3845C4.12182 19.5064 4.19621 19.617 4.28994 19.7099C4.3829 19.8037 4.4935 19.8781 4.61536 19.9288C4.73722 19.9796 4.86793 20.0057 4.99994 20.0057C5.13195 20.0057 5.26266 19.9796 5.38452 19.9288C5.50638 19.8781 5.61698 19.8037 5.70994 19.7099L11.9999 13.4099L18.2899 19.7099C18.3829 19.8037 18.4935 19.8781 18.6154 19.9288C18.7372 19.9796 18.8679 20.0057 18.9999 20.0057C19.132 20.0057 19.2627 19.9796 19.3845 19.9288C19.5064 19.8781 19.617 19.8037 19.7099 19.7099C19.8037 19.617 19.8781 19.5064 19.9288 19.3845C19.9796 19.2627 20.0057 19.132 20.0057 18.9999C20.0057 18.8679 19.9796 18.7372 19.9288 18.6154C19.8781 18.4935 19.8037 18.3829 19.7099 18.2899L13.4099 11.9999Z"
+              />
+              
+
+            </svg>
+            
+
+          </span>
+        </button>
+        
+
+      </div>
+      
+
+              
+                  
+      <div
+        class="ct-mobile-navigation__top-menu-wrapper"
+      >
+        
+          
+
+
+
+
+
+
+            
+        <ul
+          class="ct-menu ct-menu--level-0 ct-theme-light ct-mobile-navigation__top-menu"
+          data-component-name="ct-menu"
+        >
+          
+    
+          
+                  
+      
+          <li
+            class="ct-menu__item ct-menu__item--level-0   "
+          >
+            
+
+        
+            <a
+              class="ct-link ct-theme-light     ct-menu__item__link"
+              href="/"
+              title="Home"
+            >
+              <span
+                class="ct-text-icon__text"
+              >
+                Home
+              </span>
+            </a>
+            
+        
+        
+      
+          </li>
+          
+    
+          
+        </ul>
+        
+      
+        
+      </div>
+      
+          
+              
+                
+    </div>
+    
+
+  </div>
+  
+
+</div>
+`;
+
+exports[`Mobile Navigation Component renders with some attributes missing 1`] = `
+<div>
+  
+
+
+
+  <div
+    class="ct-mobile-navigation ct-theme-light "
+    data-flyout=""
+    data-flyout-direction="right"
+    data-flyout-focus=".ct-link"
+  >
+    
+  
+    <div
+      class="ct-mobile-navigation__panel"
+      data-flyout-panel=""
+    >
+      
+    
+
+
+
+      <div
+        class="ct-mobile-navigation-close ct-theme-light "
+      >
+        
+  
+
+  
+        <button
+          class="ct-button ct-theme-light ct-button--tertiary ct-button--button ct-button--small   ct-mobile-navigation-close__button"
+          data-component-name="button"
+          data-flyout-close-all-trigger=""
+        >
+          
+      
+          <span
+            class="ct-text-icon__text"
+          >
+             
+          </span>
+          <span
+            class="ct-text-icon__group"
+          >
+            <span
+              class="ct-text-icon__text"
+            >
+              Close
+            </span>
+             
+            <svg
+              aria-hidden="true"
+              class="ct-icon ct-button__icon"
+              height="24"
+              role="img"
+              viewBox="0 0 24 24"
+              width="24"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              
+
+              <path
+                d="M13.4099 11.9999L19.7099 5.70994C19.8982 5.52164 20.004 5.26624 20.004 4.99994C20.004 4.73364 19.8982 4.47825 19.7099 4.28994C19.5216 4.10164 19.2662 3.99585 18.9999 3.99585C18.7336 3.99585 18.4782 4.10164 18.2899 4.28994L11.9999 10.5899L5.70994 4.28994C5.52164 4.10164 5.26624 3.99585 4.99994 3.99585C4.73364 3.99585 4.47824 4.10164 4.28994 4.28994C4.10164 4.47825 3.99585 4.73364 3.99585 4.99994C3.99585 5.26624 4.10164 5.52164 4.28994 5.70994L10.5899 11.9999L4.28994 18.2899C4.19621 18.3829 4.12182 18.4935 4.07105 18.6154C4.02028 18.7372 3.99414 18.8679 3.99414 18.9999C3.99414 19.132 4.02028 19.2627 4.07105 19.3845C4.12182 19.5064 4.19621 19.617 4.28994 19.7099C4.3829 19.8037 4.4935 19.8781 4.61536 19.9288C4.73722 19.9796 4.86793 20.0057 4.99994 20.0057C5.13195 20.0057 5.26266 19.9796 5.38452 19.9288C5.50638 19.8781 5.61698 19.8037 5.70994 19.7099L11.9999 13.4099L18.2899 19.7099C18.3829 19.8037 18.4935 19.8781 18.6154 19.9288C18.7372 19.9796 18.8679 20.0057 18.9999 20.0057C19.132 20.0057 19.2627 19.9796 19.3845 19.9288C19.5064 19.8781 19.617 19.8037 19.7099 19.7099C19.8037 19.617 19.8781 19.5064 19.9288 19.3845C19.9796 19.2627 20.0057 19.132 20.0057 18.9999C20.0057 18.8679 19.9796 18.7372 19.9288 18.6154C19.8781 18.4935 19.8037 18.3829 19.7099 18.2899L13.4099 11.9999Z"
+              />
+              
+
+            </svg>
+            
+
+          </span>
+        </button>
+        
+
+      </div>
+      
+
+              
+              
+              
+                
+    </div>
+    
+
+  </div>
+  
+
+</div>
+`;