"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../src/modules/ResearchStudies/researchStudies.module.css"),t=require("../../components/Button/Button.cjs.js"),a=require("../../components/Icon/constants.cjs.js"),x=require("../../components/Typography/Typography.cjs.js"),j=require("./components/StudyCard/StudyCard.cjs.js"),p=require("./components/StudiesSkeleton/StudiesSkeleton.cjs.js"),y=6,S=({studies:o,hasMoreButton:c,title:d,backButton:r,loading:l,onClickShowMore:h,trackingEvent:u,trackingLocation:m})=>e.jsx("div",{className:s.root,children:e.jsxs("div",{className:s.container,children:[e.jsxs("div",{className:s.header,children:[r&&e.jsx("div",{className:s.backButton,children:e.jsx(t.Button,{as:"a",href:r.href,size:"xs",prefixIcon:a.EIconName.ARROW_BACK,variant:"ghost",children:r==null?void 0:r.label})}),e.jsx(x.Typography,{defaultVariant:"displayXs",mobileVariant:"headingLg",children:d})]}),e.jsxs("div",{className:s.studies,children:[o.map(i=>e.jsx("div",{className:s.studyCard,children:e.jsx(j.StudyCard,{...i,trackingEvent:u,trackingLocation:m})},`${i.title}_${i.link}`)),l&&Array.from({length:y}).map((i,n)=>e.jsx("div",{className:s.studyCard,children:e.jsx(p.StudiesSkeleton,{},n)},n))]}),c&&e.jsx("div",{className:s.buttonContainer,children:e.jsx(t.Button,{size:"lg",variant:"muted",prefixIcon:a.EIconName.PLUS,onClick:h,children:"show more"})})]})});exports.ResearchStudies=S;
