https://www.nikon.fr/dist-client/CourseOverviewTabs-Chunk-582245efb2b7f6799c8b.js

1"use strict";(globalThis.webpackChunknikon_client=globalThis.webpackChunknikon_client||[]).push([[3149],{29603(e,t,a){a.d(t,{A:()=>c});var l=a(36223),o=a(47976),n=a(97500),i=a.n(n);function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)({}).hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},r.apply(null,arguments)}const c=({open:e=!1,loadMoreLabel:t,loadLessLabel:a,_type:n="BASIC",isLightMode:c,dataTestId:s,...m})=>React.createElement("button",r({className:i()("z-10 flex cursor-pointer flex-row items-center justify-center gap-4","YELLOW-HIGHLIGHT"===n&&e?"text-yellow underline decoration-1 underline-offset-4":"text-black-100 "+(c?"":"dark:text-white")),"data-testid":s},m),(!e||a)&&React.createElement("p",{className:"h6"},e?a:t),React.createElement(o.A,{tag:"span",animate:{rotate:e?-180:0}},React.createElement(l.A,{name:"down_arrow",size:"1.25rem",colorClassName:"text-yellow"})))},68883(e,t,a){a.d(t,{A:()=>m});var l=a(36223),o=a(76439),n=a(17187),i=a(8811),r=a(45845),c=a(97500),s=a.n(c);const m=({backgroundColourClassName:e="bg-grey-100 dark:bg-grey-600",displayCheck:t=!1,displayOutline:a=!1,displayOutlineColor:c="border-yellow",iconToolTip:m,initials:d,size:u,thumbnail:p,tooltipBackgroundColor:g,dataTestId:b="Profile-Picture"})=>{const v={[i.A.Size30]:"w-[30px] h-[30px]",[i.A.Size38]:"w-[38px] h-[38px]",[i.A.Size41]:"w-[41px] h-[41px]",[i.A.Size50]:"w-[50px] h-[50px]",[i.A.Size76]:"w-[76px] h-[76px]",[i.A.Size120]:"w-[120px] h-[120px]"},h={[i.A.Size30]:"small-text",[i.A.Size38]:"small-text",[i.A.Size41]:"small-text",[i.A.Size50]:"body-four",[i.A.Size76]:"h6",[i.A.Size120]:"h4"},y={[i.A.Size30]:"0.625rem",[i.A.Size38]:"0.59375rem",[i.A.Size41]:"0.854rem",[i.A.Size50]:"1rem",[i.A.Size76]:"1.125rem",[i.A.Size120]:"1.5rem"},f={[i.A.Size30]:"right-0.5 -bottom-px",[i.A.Size38]:"right-0.5 -bottom-1",[i.A.Size41]:"right-1 -bottom-0.5",[i.A.Size50]:"right-0 bottom-0",[i.A.Size76]:"right-1 bottom-0",[i.A.Size120]:"right-2 bottom-2"};return React.createElement("div",{className:s()("relative shrink-0",v[u])},React.createElement("div",{className:s()({[`border-2 ${c}`]:a,[`${e}`]:!p},"h-full w-full rounded-full")},p?React.createElement(o.A,{image:p,imageClasses:"rounded-full w-full h-full",sizes:"300px",dataTestId:`${b}-Image`}):d&&React.createElement("div",{className:"flex h-full w-full items-center justify-center"},React.createElement("span",{className:s()("text-grey-450 uppercase dark:text-grey-100",h[u]),"data-testid":`${b}-Initials`},d))),t&&React.createElement("div",{className:s()("tooltip-parent absolute flex",f[u]),"aria-hidden":"true"},React.createElement(l.A,{name:"check",colorClassName:"text-black-100 bg-yellow rounded-full p-[1px]",size:y[u]}),m&&React.createElement(n.A,{label:m,position:r.A.Custom,backgroundColor:g,customContentClassName:"bottom-3 left-1/2"})))}},24219(e,t,a){a.d(t,{A:()=>g});var l=a(47976),o=a(33063),n=a(59471);const i=(e,t,a,l=!1)=>{const[o,i]=(0,n.useState)(!1),r=(0,n.useRef)({top:0,y:0});(0,n.useEffect)(()=>{const n=e.current;n?.clientWidth&&(n.style.cursor=t>=a||l?"inherit":o?"grabbing":"grab")},[t,a,o,l]),(0,n.useEffect)(()=>{r.current={top:0,y:0};const t=e.current;if(!t)return()=>({});if(l)return t.scrollTop=0,()=>({});const a=e=>{const a=e.clientY-r.current.y;t.scrollTop=r.current.top-a},o=()=>{document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",o),i(!1)},n=e=>{r.current={top:t.scrollTop,y:e.clientY},i(!0),document.addEventListener("mousemove",a),document.addEventListener("mouseup",o)};return t.addEventListener("mousedown",n),()=>{t.removeEventListener("mousedown",n)}},[l])};var r=a(14365),c=a(11866),s=a(65215);const m=(e,t,a,l=!1)=>{const{scrollYProgress:o}=(0,c.L)({container:e}

1),[i,m]=(0,n.useState)(!0),[d,u]=(0,n.useState)(!1),[p,g]=(0,n.useState)(r.A.Start),b=.05;return(0,s.L)(o,"change",e=>{e<b&&g(r.A.Start),e>=b&&e<=.95&&g(r.A.Middle),e>.95&&g(r.A.End)}),(0,n.useEffect)(()=>{if(t&&!l){if(t>=a)return m(!0),void u(!0);p===r.A.Start&&(m(!0),u(!1)),p===r.A.Middle&&(m(!1),u(!1)),p===r.A.End&&u(!0)}},[l,p,t,a]),{isStart:i,isEnd:d}};var d=a(97500),u=a.n(d),p=a(34629);const g=({children:e,className:t,customScrollbarTheme:a,disableScroll:r=!1,hasDefaultHeightClass:c=!0,hideScrollbar:s=!0,ref:d,shadowColour:g="from-white dark:from-black-100",shadowHeight:b="h-10"})=>{const v=(0,n.useRef)(null),[h,{height:y}]=(0,o.A)(),[f,{height:x}]=(0,o.A)(),{isStart:E,isEnd:R}=m(v,y,x,r);i(v,y,x,r),(0,n.useImperativeHandle)(d,()=>({scrollTo:(e,t="smooth")=>{v.current?.scrollTo({top:e,behavior:t})}}));const A=(0,n.useCallback)(e=>{v.current=e,h(e)},[h]);return React.createElement("div",{className:u()(t,"relative",{"h-full":c})},React.createElement(p.N,null,!E&&!r&&React.createElement(l.A,{tag:"span",animate:{opacity:1},className:u()(g,b,"pointer-events-none absolute top-0 z-10 w-full bg-gradient-to-b to-transparent"),exit:{opacity:0},initial:{opacity:0}

1,transition:{duration:.25},"aria-hidden":"true"})),React.createElement("div",{ref:A,tabIndex:0,className:u()({"scrollbar-hide":s,"overflow-y-hidden":r,"overflow-y-auto":!r,"custom-scrollbar":!r&&a,"custom-scrollbar--light":"light"===a,"custom-scrollbar--dark":"dark"===a},"relative h-full select-none"),role:"presentation"},React.createElement("div",{ref:f},e)),React.createElement(p.N,null,!R&&!r&&React.createElement(l.A,{tag:"span",animate:{opacity:1},className:u()(g||"from-white dark:from-black-100",b,"pointer-events-none absolute bottom-0 z-10 w-full bg-gradient-to-t to-transparent"),exit:{opacity:0},initial:{opacity:0},transition:{duration:.25},"aria-hidden":"true"})))}},17187(e,t,a){a.d(t,{A:()=>i});var l=a(45845),o=a(97500),n=a.n(o);const i=({arrowRadiusClassName:e="rounded-sm",backgroundColor:t="bg-white",customArrowClassName:a,customContentClassName:o,customWrapperClassName:i,dataTestId:r="Tooltip",hasArrow:c,hasTooltipClass:s=!0,id:m,label:d,position:u,children:p})=>{const g={[l.A.Top]:"bottom-3 left-1/2 -translate-x-1/2",[l.A.Bottom]:"left-1/2 -translate-x-1/2 top-3",[l.A.BottomLeft]:"left-1/2 translate-x-[calc(-100%+20px)] top-3",[l.A.Custom]:o},b=u===l.A.Bottom||u===l.A.BottomLeft,v=u===l.A.Top;return React.createElement("div",{className:n()("absolute z-100 w-full",i,{tooltip:s,"top-0":v,"bottom-0":b})},c&&React.createElement("span",{className:n()("absolute left-1/2 h-[17px] w-[17px] -translate-x-1/2 rotate-45",t,e,a,{"top-2.5":b,"bottom-2.5":v}),"data-testid":`${r}-Arrow`}),p?React.createElement("div",{className:n()("absolute",g[u]),id:m,role:m?"tooltip":void 0},p):React.createElement("p",{className:n()("small-text absolute whitespace-nowrap rounded-full p-1 px-3 text-center text-black-100",t,g[u]),id:m,role:m?"tooltip":void 0,"data-testid":r},d))}},23536(e,t,a){a.d(t,{A:()=>r});var l=a(55750),o=a(97500),n=a.n(o);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)({}).hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},i.apply(null,arguments)}const r=({title:e,items:t,itemNameClass:a="body-three",itemsGapClass:o="gap-y-[15px] lg:gap-y-[17px]",bulletMarginClass:r="mr-5",bulletSizeClass:c="h-3 w-3",dataTestId:s="Bullet-List"})=>{const m=t.filter(e=>!!e.name);return m.length?React.createElement("div",{"data-testid":s},e&&React.createElement("p",{className:"h6 mb-5","data-testid":`${s}-Title`},e),React.createElement("ul",{className:n()("flex flex-col",o),"data-testid":`${s}-Items`},m.map((e,t)=>React.createElement("li",{className:"flex",key:e.name,"data-testid":`${s}-Item-${t}`},React.createElement("div",{className:n()("flex items-center",r)},React.createElement("div",{className:n()("rounded-sm bg-yellow",c)})),React.createElement("div",{className:a,"data-testid":`${s}-Item-${t}-Name`},e.name),e.overlay&&React.createElement("div",{className:"ml-1.5"},React.createElement(l.A,i({},e.overlay,{dataTestId:`${s}-Item-${t}-Overlay`}))))))):null}},55750(e,t,a){a.d(t,{A:()=>m});var l=a(36223),o=a(38431),n=a(31571),i=a(93750),r=a(97500),c=a.n(r),s=a(59471);const m=({caption:e,captionForIcon:t,className:a="h4",infoIconSize:r=o.A.md,isSubscript:m=!1,showInfoIcon:d=!0,text:u,title:p,dataTestId:g="CT-87-Content-Overlay"})=>{const[b,v]=(0,s.useState)(!1);return e||u?React.createElement("button",{className:c()("items-start gap-x-1",m?"inline-flex align-super":"flex"),onClick:()=>v(!b),type:"button","aria-label":t??e},t&&React.createElement("div",{className:a},t),d&&React.createElement(l.A,{colorClassName:"text-black-100 dark:text-white",name:"info",size:r}),React.createElement(i.A,{description:u,isModalOpen:b,secondaryTitle:p,title:e,toggleModal:v,type:n.A.ContentOverlay,dataTestId:g})):null}},9311(e,t,a){a.d(t,{A:()=>p});var l=a(36223),o=a(24219),n=a(47976),i=a(66665),r=a(97500),c=a.n(r),s=a(34629);const m=({children:e,index:t,isActive:a=!1,setActiveIndex:o,title:r})=>React.createElement("div",{className:c()({"border-t":0===t},"dark border-grey-450 border-b")},React.createElement("button",{type:"button",onClick:()=>{o?.(a?-1:t),(0,i.A)({event:"faq",content_type:a?"closed":"opened",link_text:r})},"aria-expanded":a,className:"w-full"},React.createElement(n.A,{className:"flex items-center justify-between pt-5 pr-1.5 text-left lg:pr-4",initial:{paddingBottom:"20px"},animate:{paddingBottom:a?"0px":"20px"},transition:{type:"spring",duration:.3,bounce:0}},React.createElement("div",{className:c()("body-three",{"body-three--bold":a})},r),React.createElement(n.A,{animate:{rotate:a?180:0}},React.createElement(l.A,{name:"caret_down",colorClassName:"text-yellow",size:30})))),React.createElement(s.N,null,a&&React.createElement(n.A,{initial:{height:0,overflow:"hidden"},animate:{height:"auto",transitionEnd:{overflow:"unset"}},exit:{height:0,overflow:"hidden"}},e)));var d=a(73359);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)({}).hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},u.apply(null,arguments)}const p=({title:e,contentSection:{textSections:t,videoSections:a},activeVideoAccordionItemIndex:n,activeAccordionItemIndex:i,onActiveAccordionItemIndexChange:r,activeVideoIndex:s,onActiveVideoChange:p,isGated:g=!1,className:b})=>{const{playVideoAriaLabel:v}=(0,d.A)(),h=1===a?.[0]?.videos.length&&a[0].videos[0]?.isTrailerVideo,y=(e,t)=>

1({index:t,isActive:t===i,setActiveIndex:r,title:e.title});return React.createElement("section",{className:c()("dark rounded-[10px] bg-grey-600 py-2.5 text-white",{"lg:bg-grey-700":!g},b)},React.createElement(o.A,u({shadowColour:g?"from-grey-600":"from-grey-600 lg:from-grey-700",shadowHeight:"h-20",hideScrollbar:!1},g?{customScrollbarTheme:"dark"}:{}),React.createElement("div",{className:c()("py-7.5 lg:py-5",{"lg:px-5":!g,"pr-2 pl-5 lg:pr-5":g})},React.createElement("div",{className:"body-one mb-5 lg:mb-5"},React.createElement("span",{className:"font-normal"},e)),a?.map((e,t)=>React.createElement(m,u({key:e.title},y(e,t)),React.createElement("div",{className:c()("flex flex-col gap-y-4 pt-3.5 pr-1.5 pb-5 lg:gap-y-5 lg:pt-2 lg:pr-4",{"xl:pr-[150px]":!g,"lg:pb-7.5":g})},e.videos.map((e,a)=>{const o=`${n}-${s}`===`${t}-${a}`;return React.createElement("div",{key:`${e.title}-${e.duration}`,className:"flex flex-col gap-y-2 lg:gap-y-2.5"},React.createElement("button",{className:"group mr-auto flex items-center gap-x-2 lg:gap-x-2.5",onClick:()=>{p(a,t)},"aria-label":v,disabled:!g&&(!h||h&&t>0)||g&&o},React.createElement(l.A,{name:"play_circle",size:20,colorClassName:"text-yellow"}),React.createElement("div",{className:c()("body-three",{"underline underline-offset-2 group-hover:text-yellow":!g&&h&&0===t,"group-hover:underline group-hover:underline-offset-2":g&&!o,"text-yellow":g&&o})},e.title)),(e.duration||e.summary)&&React.createElement("div",{className:"pl-7 lg:pl-7.5"},e.duration&&React.createElement("div",{className:"body-three text-grey-400"},e.duration),e.summary&&React.createElement("div",{className:"body-four text-grey-400"},e.summary)))})))),!a?.length&&t?.map((e,t)=>React.createElement(m,u({key:e.title},y(e,t)),React.createElement("div",{dangerouslySetInnerHTML:{__html:e.text},className:"body-four pr-3 pl-2.5 text-grey-400 content-area lg:pr-[140px]"}))))))}},9942(e,t,a){a.d(t,{A:()=>s});var l=a(55567),o=a(68883),n=a(8811),i=a(73359),r=a(97500),c=a.n(r);const s=({authors:e,profilePictureSize:t=n.A.Size38,defaultPictureOutlineColor:a="border-grey-600",pictureBackgroundColor:r="bg-black-100",showProfilePhotos:s=!0,dataTestId:m="Multiple-Authors",children:d,noLink:u})=>{const{authorPageAriaLabel:p}=(0,i.A)();return React.createElement("div",{className:"flex items-center","data-testid":m},s&&React.createElement("div",{className:"flex"},e.map(({image:e,name:n,role:i,initials:s,ambassador:d,link:g},b)=>React.createElement("div",{className:c()({"-ml-5":b>0}),key:`${n}${i?`-${i}`:""}`},React.createElement(l.A,{link:{...g,ariaLabel:`${n} ${p}`},linkCondition:!u},React.createElement(o.A,{thumbnail:e,displayOutline:!0,displayOutlineColor:d?"border-yellow":a,displayCheck:d,backgroundColourClassName:r,size:t,initials:s,dataTestId:`${m}-Author-${b}-Profile-Picture`}))))),d)}},8678(e,t,a){a.d(t,{A:()=>r});var l=a(47976),o=a(44578),n=a(97500),i=a.n(n);const r=({activeTabId:e,activeTabTitleClassName:t,dataTestId:a="Tab-Navigation",hasContainerUnderline:n,inactiveTabColour:r="text-grey-450 dark:text-grey-500",isLightMode:c,shadowColour:s,shadowContainerClassName:m,tabs:d,tabsSpacingClassName:u="gap-5",tabTitleTypeClassName:p="h6",underlineClassName:g="h-[3px] bg-yellow",onTabChange:b,onKeyDown:v})=>React.createElement(o.A,{shadowColour:s,hasTabbableNestedItems:!0,className:m},React.createElement("div",{className:i()(n?"relative inline-flex":"flex",u)},d.map(({id:o,title:s})=>React.createElement("div",{className:i()("flex flex-col",e===o?i()("text-black-100",{"dark:text-white":!c}):r),key:`tab-navigation-${s}`},React.createElement("button",{"aria-label":s,onClick:()=>{b(o,s)},onKeyDown:e=>{v?.(e,o)},type:"button","data-testid":`${a}-Button`},React.createElement("p",{className:i()(`${p}`,{[`${t}`]:e===o&&t})},s)),React.createElement(l.A,{animate:{opacity:e===o?1:0},className:i()("rounded-full",g,{"z-[1]":n}),exit:{opacity:0},initial:{opacity:0}

1}))),n&&React.createElement("div",{className:"absolute right-0 bottom-0 left-0 h-0.5 rounded-full bg-grey"})))},96316(e,t,a){a.d(t,{A:()=>b});var l=a(18047),o=a(76439),n=a(37927),i=a(47976),r=a(7299),c=a(44953),s=a(85793),m=a(66665),d=a(28885),u=a(33063),p=a(34629),g=a(59471);const b=({acceptAllCookiesLabel:e,cookiesNoteLabel:t,cookiesPreferencesLabel:a,cookiesRequiredLabel:b,dataTestId:v,isOpen:h,onCloseCallback:y,onOpenChange:f,shouldCloseOnClickOutsideContent:x=!0,transparent:E=!0,videoId:R,videoCoverImage:A,videoDescription:N,videoProvider:w,videoTitle:C,videoUrl:k})=>{const S=(0,d.A)(768),{isCookiesAccepted:I}=(0,s.A)(e=>({isCookiesAccepted:e.isCookiesAccepted})),[L,T]=(0,g.useState)(I),[z,{height:O}]=(0,u.A)(),$=e=>{(0,m.A)({event:"videoInteraction",video_interaction:e,video_title:C||k})};return React.createElement(n.A,{setIsOpen:f,onCloseCallback:y,isOpen:h,modalClasses:"flex flex-col justify-center items-center",contentClasses:"w-full max-h-[90vh] py-4",transparent:E,shouldCloseOnClickOutsideContent:x,"data-testid":v},R&&w&&React.createElement(p.N,{mode:"wait"},I?React.createElement(c.A,{title:C,videoProvider:w,videoDescription:N,videoId:R,autoPlay:!0,isInModal:!0,classes:"max-h-full w-auto m-auto"}):React.createElement(i.A,{key:"cookies-popup",initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},style:{...S?{height:O+80}:{}},className:"relative rounded-[10px] bg-black md:h-[90vh]"},A&&React.createElement(o.A,{classes:"z-10 bg-black-100 w-full opacity-30 max-md:h-full",epiEdit:A.meta?.editHints?.coverImage?.toString(),image:A,imageClasses:"w-full aspect-video h-full object-cover","data-testid":`${v}-Image`}),React.createElement("div",{ref:z,className:"absolute right-5 bottom-10 max-md:left-5 md:bottom-5"},React.createElement(l.A,{acceptAllCookiesLabel:e,cookiesNoteLabel:t,cookiesPreferencesLabel:a,cookiesRequiredLabel:b})))),k&&React.createElement(r.A,{classes:"max-h-full w-auto m-auto",title:C,videoSource:k,videoAttributes:{playsinline:!0,muted:!1,playing:!0,loop:!0},videoDescription:N,controls:!0,isPlaying:L,onVideoPause:()=>{T(!1),$("pause")},onVideoPlay:()=>{T(!0),$("play")}}))}},81763(e,t,a){a.r(t),a.d(t,{default:()=>k});var l=a(47976),o=a(8678),n=a(34629),i=a(59471),r=function(e){return e.about="courseoverview-about",e.details="courseoverview-details",e.requirements="courseoverview-requirements",e.downloads="courseoverview-downloads",e}(r||{});const c=r;var s=a(29603),m=a(8811),d=a(36223),u=a(23536),p=a(96316),g=a(31726),b=a(14178);const v=({title:e,trailerLinkLabel:t,trailer:a,dates:l,locations:o,multipleDatesLabel:n,multipleLocationsLabel:r,multipleTimesLabel:c,onlineLabel:s,isOnline:m,summaryText:v})=>{const[h,y]=(0,i.useState)(!1),{location:f,date:x}=(0,g.A)(e=>({location:e.location,date:e.date})),[E,R]=(0,i.useState)(null),{courseInfo:A}=E??{};return(0,i.useEffect)(()=>{const e=(0,b.A)({dates:x?[x]:l,locations:f?[f]:o,multipleDatesLabel:n,multipleTimesLabel:c,multipleLocationsLabel:r,onlineLabel:s,isOnline:m,dateFormat:"dddd, MMMM D, YYYY"});R(e)},[x,f,l,o,n,c,r,s,m]),React.createElement("section",{className:"dark flex flex-col gap-y-5 rounded-[10px] bg-grey-600 py-10 pt-13 pb-10 text-white lg:bg-grey-700 lg:py-10 lg:pr-24 lg:pl-5"},React.createElement("div",{className:"body-two"},e),a&&React.createElement(React.Fragment,null,React.createElement("button",{className:"group mr-auto flex items-center gap-x-2.5 lg:gap-x-3",onClick:()=>{y(!0)}},React.createElement(d.A,{name:"play_circle",size:20,colorClassName:"text-yellow"}),React.createElement("div",{className:"body-three underline underline-offset-2 group-hover:text-yellow"},t)),React.createElement(p.A,{videoTitle:t,videoProvider:a.videoProvider,videoDescription:a.videoDescription,videoId:a.videoId,isOpen:h,onOpenChange:y})),React.createElement(u.A,{items:[{name:A?.date},{name:A?.timeInterval},{name:A?.location}]}),v&&React.createElement("div",{dangerouslySetInnerHTML:{__html:v},className:"body-four text-grey-400 content-area"}))};var h=a(9311),y=a(9942),f=a(33063);const x=({trainers:e,trainerLabel:t,multipleTrainersLabel:a,courseInformation:o,loadMoreLabel:n,showLessLabel:r,courseOutlineSummary:c,courseOutlineAccordion:d})=>{const{title:u,sectionsCollapse:g,trailerSectionTitle:b,trailerLinkLabel:x,trailer:E,contentSection:R}=d??{},[A,N]=(0,i.useState)(!1),[w,{height:C}]=(0,f.A)(),k=C>96,[S,I]=(0,i.useState)(g?-1:0),[L,T]=(0,i.useState)(-1),[z,O]=(0,i.useState)(-1),[$,P]=(0,i.useState)(!1),M=R?.videoSections?.length?[...E?[{title:b,videos:[{title:x,...E,isTrailerVideo:!0}]}]:[],...R.videoSections]:[],D=M[L]?.videos[z];return React.createElement("section",{className:"lg:grid lg:grid-cols-12"},React.createElement("div",{className:"col-span-6"},!!e?.length&&React.createElement("div",{className:"mb-7.5 -ml-0.5 lg:mb-13"},React.createElement(y.A,{authors:e,profilePictureSize:m.A.Size76},React.createElement("div",{className:"ml-5 flex flex-col gap-y-1"},React.createElement("p",{className:"h6"},e.length>1?t:e[0]?.role),React.createElement("div",{className:"body-three"},e.length>1?a:e[0]?.name)))),React.createElement("p",{className:"h6"},o.header),React.createElement(l.A,{className:"body-three mt-5 overflow-hidden lg:mt-6",initial:{height:"96px"},animate:A?"animate":"initial",transition:{type:"spring"},variants:{animate:{height:"auto"},initial:{height:"96px"}}},React.createElement("div",{ref:w},o.body)),(k||A)&&React.createElement("div",{className:"mt-7.5"},React.createElement(s.A,{open:A,onClick:()=>{N(!A)},loadMoreLabel:n,loadLessLabel:r}))),(c||d)&&React.createElement("div",{className:"col-span-5 col-start-8"},c&&React.createElement(v,c),d&&React.createElement(React.Fragment,null,React.createElement(h.A,{title:u,contentSection:{textSections:R?.textSections,videoSections:M},activeAccordionItemIndex:S,onActiveAccordionItemIndexChange:I,activeVideoIndex:z,onActiveVideoChange:(e,t)=>

1{O(e),T(t),P(!0)}}),React.createElement(p.A,{videoTitle:D?.title,videoProvider:D?.videoProvider,videoDescription:D?.videoDescription,videoId:D?.videoId,isOpen:$,onOpenChange:P}))))};var E=a(55750);const R=({keyDetails:e})=>React.createElement("section",{className:"flex flex-col gap-y-5 pb-10 md:grid md:grid-cols-3 md:gap-x-5 md:gap-y-13 xl:grid-cols-5"},e.map(({name:e,details:t,overlay:a})=>React.createElement("div",{key:e},React.createElement("div",{className:"flex gap-x-1.5"},React.createElement("p",{className:"h6"},e),a&&React.createElement(E.A,a)),React.createElement("div",{className:"body-three mt-[5px] text-grey-400 lg:mt-2.5"},t)))),A=({downloadLabel:e,documents:t})=>React.createElement("section",{className:"dark relative flex flex-col gap-10 text-white"},t.map(({description:t,url:a})=>React.createElement("div",{key:a,className:"flex flex-col items-start gap-7"},React.createElement("p",{className:"h6"},t),React.createElement("a",{href:a,download:!0,className:"cta inline-block min-h-min select-none rounded-full bg-yellow px-4 py-1 text-black-100 hover:bg-yellow-100 focus:bg-yellow-500 active:bg-yellow-500"},e)))),N=({description:e,additionalDetails:t,knowledgeRequirements:a,equipmentRequirements:l})=>React.createElement("section",{className:"flex flex-col gap-y-10 lg:grid lg:grid-cols-12 lg:gap-x-2.5"},React.createElement("div",{className:"col-span-5 xl:col-span-6"},React.createElement("div",{className:"flex flex-col gap-y-10 lg:gap-y-13"},e.map(({header:e,body:t})=>React.createElement("div",{className:"flex flex-col gap-y-5 lg:gap-y-2.5",key:`${e}-${t}`},React.createElement("p",{className:"h6"},e),React.createElement("div",{className:"body-three"},t))),React.createElement("div",{className:"body-three content-area",dangerouslySetInnerHTML:{__html:t}}))),!!a?.requirements.length&&React.createElement("div",{className:"col-span-3 col-start-7 xl:col-span-2 xl:col-start-8"},React.createElement(u.A,{title:a.title,items:a.requirements})),!!l?.requirements.length&&React.createElement("div",{className:"col-span-3 col-start-10 xl:col-span-2"},React.createElement(u.A,{title:l.title,items:l.requirements}))),w={[c.about]:x,[c.details]:R,[c.requirements]:N,[c.downloads]:A},C=({tabId:e,tabData:t})=>{const a=w[e];return React.createElement(a,t)},k=({tabs:e,anchorId:t=""})=>{const[a,r]=(0,i.useState)(e[0].id),c=e.find(({id:e})=>e===a).data;return React.createElement("section",{className:"component-padding dark bg-black-100 text-white",id:`a-${t}`},React.createElement("div",{className:"container"},React.createElement("div",{className:"rounded-[10px] bg-grey-600 px-5 pt-7.5 lg:px-15 lg:pt-13"},React.createElement(o.A,{activeTabId:a,onTabChange:e=>r(e),shadowColour:"from-grey-600",tabs:e.map(({id:e,name:t})=>({id:e,title:t})),tabsSpacingClassName:"gap-5 lg:gap-15",tabTitleTypeClassName:"h5"}),a&&c&&React.createElement(n.N,{mode:"wait"},React.createElement(l.A,{animate:{opacity:1},exit:{opacity:0},initial:{opacity:0}

1,key:a,className:"py-13 lg:py-20"},React.createElement(C,{tabId:a,tabData:c}))))))}},8811(e,t,a){a.d(t,{A:()=>o});var l=function(e){return e.Size30="SIZE30",e.Size38="SIZE38",e.Size41="SIZE41",e.Size50="SIZE50",e.Size76="SIZE76",e.Size120="SIZE120",e}(l||{});const o=l},45845(e,t,a){a.d(t,{A:()=>o});var l=function(e){return e.Top="Top",e.Bottom="Bottom",e.BottomLeft="BottomLeft",e.Custom="Custom",e}(l||{});const o=l}}]);
2//# sourceMappingURL=CourseOverviewTabs-Chunk-582245efb2b7f6799c8b.js.map