consume tabs WC

adobecom · Mar 27, 2024 · 4bac4fb · 4bac4fb
1 parent 4c6ecbb
commit 4bac4fb
Show file tree

Hide file tree

Showing 4 changed files with 54 additions and 32 deletions.
diff --git a/libs/blocks/merch-twp/merch-twp.js b/libs/blocks/merch-twp/merch-twp.js
@@ -1,5 +1,6 @@
 import { createTag, getConfig } from '../../utils/utils.js';
 import '../../deps/merch-subscription-panel.js';
+import '../../deps/merch-subscription-tabs.js';
 import '../../deps/merch-subscription-layout.js';
 
 const createPanel = () => {
@@ -56,11 +57,15 @@ export default async function init(el) {
     const { base } = getConfig();
     await import(`${base}/features/spectrum-web-components/dist/theme.js`);
     const layout = createTag('merch-subscription-layout', { }, '', { });
+    createTag('h3', { slot: 'title' }, 'Try the full version of Adobe apps with a 7-day free trial.', { parent: layout });
+    createTag('h5', { slot: 'sub-title' }, 'Choose a plan:', { parent: layout });
     const merchCards = [...cards].map((card) => {
       card.setAttribute('slot', 'cards');
       return card;
     });
-    layout.append(...merchCards);
+    const tabs = createTag('merch-subscription-tabs', { slot: 'tabs' }, '', {});
+    tabs.append(...merchCards);
+    layout.append(tabs);
     layout.append(createPanel());
     el.append(layout);
   }

diff --git a/libs/deps/merch-subscription-layout.js b/libs/deps/merch-subscription-layout.js