"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("react"),s=require("../../src/modules/ProductsDisplay/productsDisplay.module.css"),T=require("./useProductsData.cjs.js"),g=require("./components/ProductsDisplayTabs/ProductsDisplayTabs.cjs.js"),c=require("../../components/Typography/Typography.cjs.js"),m=require("../../components/ProductGallery/ProductGallery.cjs.js"),P=({labelText:l,productDisplays:n})=>{var o,i;const{isTabbed:t,title:d,description:u,tabs:a,slidesByTabs:y}=T.useProductsData({productDisplays:n}),[r,p]=h.useState((i=(o=a[0])==null?void 0:o.value)!=null?i:""),b=t?e.jsx(g.ProductsDisplayTabs,{label:l,tabs:a,activeTab:r,onTabChange:p}):e.jsxs("div",{className:s.header,children:[e.jsx(c.Typography,{className:s.headerTitle,defaultVariant:"displayMd",mobileVariant:"headingLg",children:d}),e.jsx(c.Typography,{defaultVariant:"bodyLg",mobileVariant:"bodySm",children:u})]});return e.jsx("section",{className:s.root,children:e.jsx(m.ProductGallery,{header:b,slides:y[r],isTabbed:t})})};exports.ProductsDisplay=P;
